[БЕЗ_ЗВУКА] В этом видео я расскажу вам о том, как создавать таблицы в HTML-документе. Итак, любая таблица в HTML-документе начинается с создания элемента <table>. Внутрь этого элемента вкладывается элемент <tr>, который задает строку, и элементы <td>, которые задают ячейки. Эти ячейки внутри элемента <tr> располагаются по горизонтали. И в нашем примере таблица состоит из двух строк и двух столбцов. Вот так это выглядит в браузере. Ячейки в таблицах можно объединять. Для того чтобы объединить ячейки по горизонтали, нужно использовать атрибут colspan, и в качестве значения указывается, какое количество ячеек нужно объединить. При объединении ячеек по горизонтали соседние ячейки нужно удалить. И вот так это выглядит в браузере. Также ячейки можно объединять по вертикали. Для этого можно использовать атрибут rowspan, и так же задается количество ячеек, которые нужно объединить. Вот, например, у нас есть две строки, и в первой строке мы в первой ячейке указываем атрибут rowspan со значением 2, то есть объединить две ячейки. Для этого нужно удалить ячейку, находящуюся ниже. То есть во второй строке мы удаляем первую ячейку. Если ячеек в атрибуте rowspan указано больше, то соответственно этому числу нужно удалить ячейки ниже. И вот так это выглядит в браузере. То есть ячейка как бы занимает в два раза больше места. В таблицах ячейки можно группировать. К примеру, у нас есть таблица, и у нее есть шапка с названием столбцов. Эта строка заключается в элемент <thead>, и внутри указываются не элементы <td>, а элементы <th>. Также бывает, что у таблиц есть подвалы. Ну, например, там можно располагать ту же информацию, что указана в шапке. И этот элемент, который создает подвал, он идет следом за элементом <thead>. Называется он <tfoot>. В отличие от <thead> внутри — обычные элементы <td> для создания ячеек. И только после этих двух элементов вставляется элемент <tbody>, который, собственно, и обозначает тело всей таблицы. Для чего такой порядок существует? Дело в том, что тело таблицы бывает очень большим и длинным, а шапка и подвал, как правило, очень маленькие. Очень часто они состоят из одной строки. И поэтому они идут друг за другом, а затем идет само тело таблицы. И в браузере при отображении все встает на свои места. Шапка находится вверху, подвал находится внизу. Тут важно заметить, что браузер по умолчанию сделает текст жирным в шапке. Также к таблицам можно создавать подпись. Для этого существует элемент <caption>. Мы создаем таблицу, и внутри указываем элемент <caption>, и добавляем подпись к таблице. И вот так это выглядит в браузере. В этом видео я рассказал вам о том, как создавать таблицы. И хочу заметить, что таблицы нужны для отображения табличной информации. Уже прошли те времена, когда верстали при помощи таблиц. На самом деле, еще используют табличную верстку, но для верстки писем. Но сейчас речь не об этом. В следующем видео я расскажу вам про элементы, которые называются текстовыми.
