Web: HTML таблицы

Таблицы HTML используются для организации содержимого веб-страницы в строках и столбцах. Они также используются для макета веб-страницы для отображения областей содержимого веб-страницы.

Таблицы создаются с использованием HTML-тегов для создания строк и столбцов. Строки таблицы расположены по горизонтали, а столбцы таблицы - по вертикали.

HTML базовые теги таблиц

В HTML основы создания таблицы будут включать тег <table>, за которым следуют теги <tr> и <td>. Строка таблицы создается с помощью тега <tr>, а столбец таблицы (данные) создается с помощью тега <td>.

В приведенном выше примере атрибут границы таблицы использовался для отображения границ таблицы.

Границы

Атрибут границы таблицы HTML определяет границу таблицы. Значение указывает размер границы. Чтобы удалить границу, измените значение атрибута на 0. Чтобы увеличить размер границы, увеличьте значение.

Выравнивание

Атрибут HTML table align выравнивает таблицу на основе текста вокруг нее.

Ширина

Атрибут HTML table width определяет ширину таблицы. Если не включен, таблица будет автоматически растягиваться и отображаться в соответствии с содержимым ячеек таблицы.

Ширина таблицы задается свойством CSS width в пикселях или процентах. Пиксели используются для указания точной ширины, а проценты используются для того, чтобы таблица могла автоматически настраиваться в соответствии с содержимым страницы и браузером.

Пикселей

Заголовок таблицы

Тег HTML <th> определяет ячейку заголовка в таблице HTML.

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