HTML-таблицы
HTML экземпляр таблицы:
| Имя | фамилия | точек |
|---|---|---|
| Джил | кузнец | 50 |
| Ева | Джексон | 94 |
| Джон | лань | 80 |
| Адам | Джонсон | 67 |
Онлайн примеры
таблица
Этот пример показывает, как создать таблицу в HTML-документе.
(Вы можете найти больше примеров в нижней части этой страницы.)
HTML-таблицы
Форма определяется тегом <table>. Каждая таблица имеет несколько строк (определяется тегом <TR>), каждая строка разделена на несколько ячеек (определяется тег <TD>). Относится к содержанию писем TD данных таблица (данные таблицы), то есть, ячейка данных. Ячейка данных может содержать текст, изображения, списки, параграфы, формы, горизонтальные, столы и так далее.
экземпляр таблицы
<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 таблицы и свойства границ
Если вы не определяете границы атрибута таблицы не будет отображаться. Иногда это полезно, но большую часть времени, мы хотим показать границу.
Используйте свойство границы для отображения таблицы с границами:
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
заголовок таблицы HTML
Заголовок таблицы, используя <ю> определяется тег.
Большинство браузеров будет отображать текст заголовка жирным шрифтом по центру:
<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> | 定义表格的页脚 |