Горизонтальное и вертикальное объединение ячеек таблицы
Это третий урок, посвященный HTML таблицам. Представление данных — основная функция таблиц в HTML, также некоторыми веб-разработчиками они используются для верстки, что не является оптимальным вариантом построения каркаса сайта, но об этом позже, а сейчас познакомимся со свойствами ячеек таблицы.
Навигация по странице
Пример:
<html> |
В первом ряду, в отличае от второго, всего две ячейки, но тег <th> второй ячейки, первого ряда содержит атрибут colspan="", значение которого равно 2, что, в свою очередь, компенсирует отсутствие третьей ячейки. Цифра 2 означает, что одна ячейка по размеру равна двум.
Результат:
Имя | Телефон | |
---|---|---|
Вася | 777 88 999 | 777 77 999 |
Пример:
<html> |
Результат:
Имя: | Ирина |
Телефон: | 333 22 555 |
444 11 777 |
Атрибуты и значения
Значения этих атрибутов определяют количество ячеек, которые будут объединены в одну.
HTML таблица Объединение HTML ячейки таблицы
HTML списки