HTML для начинающих
В древние, очень древние времена таблицы использовались не только по своему прямому назначению, но и с помощью них делали сам каркас сайта. Тогда это было актуально и удобно. На текущий момент подобная практика считается чуть ли не дилетанством. Таблицы должны использоваться по своему прямому назначению - отображение данных. Собственно таблица должна быть таблицей. А всякие иные "извращения" (каркас сайта, блоки и тп) делаться другними средствами.
Создается таблица тегом <table> и состоит из строк <tr> и ячеек <td>. Это так сказать необходимый минимум для отображения таблицы.
Так же есть ряд не обязательный тегов которые расширяют возможности создания таблиц.
- caption - заголовок таблицы
- thead - шапка
- tbody - тело таблицы - расположение самих данных
- tfoot - футер таблицы - итоги, суммарные данные и тп
- th - ячейка текст которой является жирным
- colspan - объединение ячеек таблицы по горизонтали (объединение столбцов в рамках строки)
- rowspan - объединение строк
Во второй части видеоурока мы будем менять внешний вид таблицы путем наложения на нее стилей CSS.
Зададим ширину таблицы стилем width = 100% для того чтобы таблица расположилась в ширину по всей поверхности того объекта в котором она находится.
Зададим цвет фона при помощи стиля background.
Зададим цвет текста в таблице стилем color.
Расстояние между ячейками (так же как и поля вокруг текста) лучше задавать стилем border-spacing (и padding для полей вокруг текста) так как в HTML5 соответствующие атрибуты из HTML4 более не поддерживаются.
Научимся разумно объявлять стили для дочерних элементов определенного блока (в данном конкретном случае - для внутренних элементов таблицы отталкиваясь лишь от id таблицы).
