Для чего используются тэги <tr>, <th>, <td>?

Тэги <tr>, <th> и <td> используются для создания таблиц в HTML. Они обеспечивают структуру и оформление данных в виде строк и ячеек. Вот краткое описание каждого из них:

1. <tr> (Table Row):

   • Этот тег обозначает строку таблицы. Он используется для группировки ячеек, которые находятся в одной строке. Каждый тег <tr> может содержать несколько тегов <th> или <td>.
   • Пример использования:

     <tr>
      <td>Ячейка 1</td>
      <td>Ячейка 2</td>
     </tr>

2. <th> (Table Header):

   • Этот тег используется для определения заголовка ячейки в таблице. Ячейки, определенные с помощью <th>, обычно отображаются с жирным шрифтом и по центру (по умолчанию), и они также могут быть использованы для описания содержимого столбца или строки.
   • Пример использования:

     <tr>
      <th>Название</th>
      <th>Цена</th>
     </tr>

3. <td> (Table Data):

   • Этот тег обозначает обычную ячейку таблицы, которая содержит данные. Ячейки, определенные с помощью <td>, могут содержать текст, изображения, ссылки и другие HTML-элементы.
   • Пример использования:

     <tr>
      <td>Яблоко</td>
      <td>100 рублей</td>
     </tr>

Пример таблицы

Вот пример таблицы, использующей все три тега:

<table>
    <tr>
        <th>Название</th>
        <th>Цена</th>
    </tr>
    <tr>
        <td>Яблоко</td>
        <td>100 рублей</td>
    </tr>
    <tr>
        <td>Груша</td>
        <td>80 рублей</td>
    </tr>
</table>

Тэги <tr>, <th> и <td> являются основными строительными блоками для создания таблиц в HTML. Они помогают структурировать данные, улучшая восприятие информации пользователем.