
Как создать HTML-страницу в виде таблицы?


Ответы на вопрос

Чтобы создать простую таблицу HTML достаточно 3 тега: <table>, <tr> и <td>
<table> - тег обвертка таблицы;
<tr> - тег строки (ряда) таблицы;
<td> - тег обычной ячейки таблицы;
<th> - тег ячейки-заголовка таблицы;
<col> - тег колонки таблицы;
<colgroup> - тег группы колонок таблицы;
<thead> - тег верхнего колонтитула таблицы;
<tbody> - тег основной части таблицы;
<tfoot> - тег нижнего колонтитула таблицы;
<caption> - тег подписи таблицы.
---------------------------------------------------------------------------------------------------------
<table>
<tbody>
<tr>
<td>Ячейка 1</td>
<td>Ячейка 2</td>
<td>Ячейка 3</td>
</tr>
<tr>
<td>Ячейка 4</td>
<td>Ячейка 5</td>
<td>Ячейка 6</td>
</tr>
<tr>
<td>Ячейка 7</td>
<td>Ячейка 8</td>
<td>Ячейка 9</td>
</tr>
</tbody>
</table>
-----------------------------------------------------------------------------------------------------------
<table>
<tbody>
<tr>
<th>Volkswagen AG</th>
<th>Daimler AG</th>
<th>BMW Group</th>
</tr>
<tr>
<td>Audi</td>
<td>Mercedes-Benz</td>
<td>BMW</td>
</tr>
<tr>
<td>Skoda</td>
<td>Mercedes-AMG</td>
<td>Mini</td>
</tr>
<tr>
<td>Lamborghini</td>
<td>Smart</td>
<td>Rolls-Royce</td>
</tr>
</tbody>
</table>



Для создания HTML-страницы в виде таблицы, вы можете использовать элементы <table>
, <tr>
, <th>
и <td>
. Вот простой пример кода для создания таблицы с двумя строками и двумя столбцами:
html<!DOCTYPE html>
<html>
<head>
<title>Моя таблица</title>
</head>
<body>
<table border="1"> <!-- Здесь border="1" добавляет границы ячеек для наглядности, можно убрать -->
<tr>
<th>Заголовок 1</th>
<th>Заголовок 2</th>
</tr>
<tr>
<td>Ячейка 1,1</td>
<td>Ячейка 1,2</td>
</tr>
<tr>
<td>Ячейка 2,1</td>
<td>Ячейка 2,2</td>
</tr>
</table>
</body>
</html>
В этом примере создается таблица с двумя строками и двумя столбцами. Тег <table>
определяет таблицу, <tr>
- строки, <th>
- заголовки ячеек (обычно выделены жирным шрифтом и по умолчанию центрированы), <td>
- ячейки таблицы.
Вы можете добавлять больше строк и столбцов, расширять таблицу и добавлять контент внутри ячеек, чтобы соответствовать вашим потребностям.


Похожие вопросы
Топ вопросов за вчера в категории Информатика
Последние заданные вопросы в категории Информатика
-
Математика
-
Литература
-
Алгебра
-
Русский язык
-
Геометрия
-
Английский язык
-
Химия
-
Физика
-
Биология
-
Другие предметы
-
История
-
Обществознание
-
Окружающий мир
-
География
-
Українська мова
-
Информатика
-
Українська література
-
Қазақ тiлi
-
Экономика
-
Музыка
-
Право
-
Беларуская мова
-
Французский язык
-
Немецкий язык
-
МХК
-
ОБЖ
-
Психология
-
Физкультура и спорт
-
Астрономия
-
Кыргыз тили
-
Оʻzbek tili