Лучшее руководство по HTML-таблицы в 2024 году. В этом руководстве вы можете изучить HTML экземпляр таблицы:,Онлайн примеры,HTML-таблицы,экземпляр таблицы,HTML таблицы и свойства границ,заголовок таблицы HTML,Другие примеры,таблицу тегов HTML,

HTML-таблицы

HTML экземпляр таблицы:

Имя фамилия точек
Джил кузнец 50
Ева Джексон 94
Джон лань 80
Адам Джонсон 67


примеров

Онлайн примеры

таблица
Этот пример показывает, как создать таблицу в HTML-документе.

(Вы можете найти больше примеров в нижней части этой страницы.)


HTML-таблицы

Форма определяется тегом <table>. Каждая таблица имеет несколько строк (определяется тегом <TR>), каждая строка разделена на несколько ячеек (определяется тег <TD>). Относится к содержанию писем TD данных таблица (данные таблицы), то есть, ячейка данных. Ячейка данных может содержать текст, изображения, списки, параграфы, формы, горизонтальные, столы и так далее.

экземпляр таблицы

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

Браузер будет выглядеть следующим образом ::

строка 1, ячейка 1 строка 1, ячейка 2
строка 2, ячейка 1 строка 2, ячейка 2


HTML таблицы и свойства границ

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

Используйте свойство границы для отображения таблицы с границами:

<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>


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

Заголовок таблицы, используя <ю> определяется тег.

Большинство браузеров будет отображать текст заголовка жирным шрифтом по центру:

<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

Браузер будет выглядеть следующим образом:

Заголовок 1 Заголовок 2
строка 1, ячейка 1 строка 1, ячейка 2
строка 2, ячейка 1 строка 2, ячейка 2


примеров

Другие примеры

Нет границы таблицы
Этот случай не продемонстрировал границу таблицы.

Таблица заголовка (товарная позиция)
Этот пример показывает, как отобразить заголовок таблицы.

Таблица с заголовками
Этот пример демонстрирует, с заголовком (подписи) вида

Межбанковский через колонки или ячейки таблицы
Этот пример показывает, как определить крест или через столбцы ячейки таблицы.

Теги внутри таблицы
Этот пример демонстрирует, как отображать элементы в различных элементах.

Сотовый обивка (Cell обивка)
Этот пример демонстрирует, как использовать Cell отступы для создания пустого содержимого ячейки и ее границ между ними.

Расстояние между ячейками (Расстояние между ячейками)
Этот пример показывает, как использовать интервал между ячейками, чтобы увеличить расстояние между ячейками.


таблицу тегов HTML

标签 描述
<table> 定义表格
<th> 定义表格的表头
<tr> 定义表格的行
<td> 定义表格单元
<caption> 定义表格标题
<colgroup> 定义表格列的组
<col> 定义用于表格列的属性
<thead> 定义表格的页眉
<tbody> 定义表格的主体
<tfoot> 定义表格的页脚
HTML-таблицы
10/30