Внимание! На этой странице вы найдете материал урока из архивного курса по HTML. Курс был написан в 2015, обновлен в 2024 году и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по HTML и на странице первого урока.
- Напишите таблицу с одной строкой и двумя ячейками
В предыдущем разделе вы неплохо разобрались с изображениями. Начиная с этого урока погрузимся в HMTL-таблицы.
Что такое таблицы и где они используются?
Таблицы широко применяются в веб-разработке. Они нашли широкое распространение в верстке, так как они очень функциональны и универсальны.
На самом деле, таблицы сейчас малополезны в верстке, они применяются в своих обыденных целях – структурирование данных и приведение их к более читабельному виду.
Всем известно, что таблицы состоят из строк и столбцов, иногда добавляют заголовок. Главный контейнер всех строк и столбцов <table>...</table>. Таблица должна содержать минимум одну ячейку, иначе ее нельзя назвать таблицей. Строка обозначается тегами <tr>...</tr>, а ячейка тегами <td>...</td>. Для большего понимания рассмотрим пример:
<table>
<tr>
<td>Ячейка 1, Строка 1, Столбец 1</td>
<td>Ячейка 2, Строка 1, Столбец 2</td>
</tr>
<tr>
<td>Ячейка 3, Строка 2, Столбец 1</td>
<td>Ячейка 4, Строка 2, Столбец 2</td>
</tr>
</table>
В следующих уроках каждый элемент будет рассмотрен подробнее. Выполняйте практику и переходите к следующему уроку, в котором подробно поговорим о теге <tr>.
Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу HTML.
