HTML tr td - основные элементы таблицы HTML

HTML-теги `tr` и `td` используются для создания таблиц в HTML-документах.

Тег `tr` (table row) создает строку в таблице, а тег `td` (table data) создает отдельную ячейку в этой строке.

Пример кода:

html

  

    
Ячейка 1
    
Ячейка 2
  
  

    
Ячейка 3
    
Ячейка 4
  

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

| Ячейка 1 | Ячейка 2 |
| Ячейка 3 | Ячейка 4 |

Также, внутри тега `td` можно использовать другие HTML-элементы для форматирования содержимого ячейки или добавления других элементов, например, кнопок, ссылок и т.д.

html

  

    
Ячейка 1
    
Ссылка
  
  

    
Ячейка, занимающая два столбца
  

В этом примере первая ячейка в первой строке содержит жирный текст, а вторая ячейка будет содержать ссылку. Во второй строке указано `colspan="2"`, что означает, что ячейка будет занимать два столбца таблицы.

В итоге, таблица будет выглядеть так:

| Ячейка 1             | Ссылка       |
| Ячейка, занимающая два столбца       |

Теги `tr` и `td` часто используются вместе с другими элементами таблиц, такими как `thead`, `tbody` и `tfoot`, которые позволяют группировать и структурировать содержимое таблицы. Но основную функциональность предоставляют именно эти два тега, `tr` для создания строк и `td` для создания ячеек.