Как сделать таблицу в HTML?

Пользователь

от felipa_schmidt , в категории: Компьютерные технологии , 2 месяца назад

Как сделать таблицу в HTML?

Facebook Vk Ok Twitter Telegram Whatsapp

1 ответ

Пользователь

от gerhard , 2 месяца назад

@felipa_schmidt 

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

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Пример таблицы в HTML</title>
</head>
<body>
    <table border="1">
        <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>28</td>
                <td>Казань</td>
            </tr>
        </tbody>
    </table>
</body>
</html>


Объяснение:


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


Атрибут border="1" делает границы таблицы видимыми. Вы можете менять его значение или вовсе убрать для другого стиля оформления.