Задача Задача №2336673
А
А
Чтобы создать простой сайт с таблицей на HTML, нужно использовать язык разметки HTML. Вот пример кода для создания такой страницы:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Таблица на HTML</title>
<style>
table {
width: 50%;
border-collapse: collapse;
margin: 20px 0;
}
th, td {
border: 1px solid #000;
padding: 10px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<h1>Пример таблицы на HTML</h1>
<table>
<thead>
<tr>
<th>Имя</th>
<th>Возраст</th>
<th>Город</th>
</tr>
</thead>
<tbody>
<tr>
<td>Алексей</td>
<td>25</td>
<td>Москва</td>
</tr>
<tr>
<td>Мария</td>
<td>30</td>
<td>Санкт-Петербург</td>
</tr>
<tr>
<td>Иван</td>
<td>22</td>
<td>Новосибирск</td>
</tr>
</tbody>
</table>
</body>
</html>
Объяснение кода:
<!DOCTYPE html>— объявляет, что это HTML5 документ.<html>— корневой элемент HTML-страницы.<head>— раздел, содержащий метаданные, такие как заголовок и ссылки на стили.<meta charset="UTF-8">— задаёт кодировку символов, что позволяет отображать русский текст.<style>— внутри этого блока определяются стили для таблицы, чтобы сделать её более привлекательной.<body>— основное содержимое страницы.<table>— создаёт таблицу. В ней используются элементы<thead>для заголовков и<tbody>для содержимого таблицы.<tr>— представляет строку таблицы, а<th>и<td>— ячейки заголовков и содержимого соответственно.
Этот код создаст простую HTML-страницу с таблицей. Вы можете копировать его и редактировать по своему усмотрению!
