HTML таг td

Пример

Кратък пример как се използва тагът <td>.

<table class="table table-striped">
  <thead>
    <tr>
      <th>Име</th>
      <th>Възраст</th>
      <th>Град</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Мария</td>
      <td>28</td>
      <td>София</td>
    </tr>
    <tr>
      <td>Иван</td>
      <td>34</td>
      <td>Пловдив</td>
    </tr>
  </tbody>
</table>

Дефиниция и употреба

Виж как се ползва тагът <td>.

<td> (table data) дефинира стандартна клетка с данни в ред на HTML таблица. Той се използва вътре в елемент <tr>, който представлява ред, и заедно с <th> (заглавни клетки) изгражда структурата на таблицата.

Всяка клетка <td> може да съдържа текст, числа, линкове, изображения, бутони, формуляри и други HTML елементи. Клетките в един ред обикновено съответстват на различни колони от данни (например „Име“, „Възраст“, „Град“).

Тагът <td> поддържа глобалните HTML атрибути (като class, id, style, data-*) и събитийни атрибути (като onclick), което позволява лесно стилизиране и добавяне на интерактивност. Подравняването, ширината и други визуални характеристики обикновено се контролират чрез CSS или чрез помощни класове на Bootstrap (например .text-center, .text-end, .align-middle).

За по-сложни таблици може да се използват атрибутите colspan и rowspan, които позволяват на една клетка <td> да се простира върху няколко колони или реда, но тези атрибути са общи за клетките и не са специфични само за <td>.

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути