Основы html, часть 4

html язык
Сегодня хочу вам рассказать о таблицах в хтмл. Информация о этой части веб-разметки в хтмл не будет полной, а только ознакомительной по той причине, что лично я думаю уже редко используют таблицы.

И так начнем.Таблица в хтмл начинаеться с тега -table, это самый главный тег для любой таблицы, с него все начинается. Так как мы знаем, что любая таблица состоит из строк, а в каждой строчке есть ячейки.В хтмл есть специальный теги, которые отвечают за создание строчки в таблице и создание ячейки в той же строке.

Приведу простой пример:
<table>
<tr>
<td> Ячейка 1 </td>
</tr>
</table>
В этой самой простой табличке есть одна строчка и одна ячейка.

За создание ячейки отвечает тег-td,а за создание строки-tr.
Но в таблице вам надо ячейки как то обозвать, для этого есть специальный тег-th,который обзывает ячейки.Для того чтобы обозвать саму таблицу, надо просто заключить название таблицы в тег-caption.
<caption> Name </caption>

Сейчас приведу пример,таблицы но перед тем скажу еще пару вещей.
Хотел также сказать- использовать таблицы уже не актуально, сегодня всё делается через блоки поэтому рекомендую не зацикливать внимание на таблицах.
Также в таблице можно прописывать атрибуты, такие как размер(высота и ширина), цвет-color, BGCOLOR-фон, также много других атрибутов, я их не буду называть и описывать по той причине что таблицы морально устарели,-мое имхо.

Пример таблицы:
<table>
<caption>Table_name</caption>
<tr>
<th> name1 </th>
<th> name2 </th>
<th> name3 </th>
</tr>
<tr>
<td> 1 </td>
<td> 2 </td>
<td> 3 </td>
</tr>
</table>

И так табличка у которой 3 столбика и 2 строчки(формально одна, но мы использовали одну строчку для того что придать заголовки ячейкам).

Хотел бы еще сказать, что таблицы занимают много места, если использовать этот элемент для создания сайтов.
Для понимания что такое таблица в хтмл думаю хватит, следующая статья будет посвящена верстки таблицами(тоже уже не используется, но хотелось бы те кто не знают как сверстать таблицами решил рассказать).

Популярные сообщения