Парад ячеек и столбцов
УРОК «Создадим каркас таблицы»
Дорогие друзья!
На самом деле, только с самого начала кажется, что создавать таблицы в HTML очень сложно и долго. Просто
нужно быть внимательным и располагать теги так, чтобы сразу же была видна структура таблицы и вложенность ячеек и строк.
Таблица создаётся с помощью контейнера <table>содержимое таблицы</table>
тегов <tr>строка таблицы</tr> и <td>ячейка таблицы</td>.
Эти теги являются парными и закрывающие теги для них обязательны. При написании кода очень важно соблюдать
порядок тегов и их неперекрываемость, иначе таблица у вас не получится.
Давайте создадим простой каркас таблицы и рассмотрим, что и как размещается:
Результат:
Строка 1 Ячейка 1 |
Строка 1 Ячейка 2 |
Строка 2 Ячейка 1 |
Строка 2 Ячейка 2 |
Вот у нас получился каркас таблицы. В атрибутах тега table задана толщина границы таблицы - 2 пиксела,
а также ширина самой таблицы - 400 пикселов. Используя различные атрибуты тегов table, tr, td, а также
дополнительные теги, мы можем видоизменить и красиво оформить таблицу. В частности, можно задать толщину
границы 0 и тогда у таблицы не будет границ - будет невидимая модульная сетка, в ячейках которой можно
размещать какой-либо контент.
Оформлению и видоизменению таблицы будут посвящены последующие уроки.
До встречи в следующем уроке!
|