Таблицы

Таблицы

Для добавления на страницу таблицы используется тег <table>.

Пример:
<table> </table>

Таблицы в HTML состоят из строк и ячеек. Посмотрим как их можно добавить.


Строка таблицы

Строки таблицы указываются <tr>.

<table> <tr>Строка 1</tr> <tr>Строка 2</tr> </table>
Результат довольно неожиданный:
Строка 1Строка 2
Дело в том, что тег <tr> не должен пустовать.
Ячейки таблицы

Ячейки таблицы указываются тегом <td>. Атрибут border нарисует границы таблицы.

Пример:
<table border="1"> <tr> <td>#Строка 1, Столбец 1#</td> <td>#Строка 1, Столбец 2#</td> </tr> <tr> <td>#Строка 2, Столбец 1#</td> <td>#Строка 2, Столбец 2#</td> </tr> </table>
Результат:
#Строка 1, Столбец 1# #Строка 1, Столбец 2#
#Строка 2, Столбец 1# #Строка 2, Столбец 2#

Заголовок столбца

Заголовок столбца задаётся тегом <th>

Пример:
<table border="1"> <tr> <th>Имя Фамилия</th> <th>Год рождения</th> </tr> <tr> <td>Никола Тесла</td> <td>1856</td> </tr> <tr> <td>Томас Эдисон</td> <td>1847</td> </tr> </table>
Результат:
Фамилия Имя Год рождения
Никола Тесла 1856
Томас Эдисон 1847

Комментарии

Добавить комментарий

Чтобы оставить комменатрий необходимо Авторизоваться