Технологии

TFOOT (тег в HTML)

Что такое tfoot в html:

Создаёт нижнюю часть таблицы — с результатами или другой информацией. Он используется вместе с тегами <table> и <tbody> для структурирования содержимого HTML-таблицы.

Как прописать tfoot в html:

<table width="600">
   <tfoot align="center" style="background: #ffc">
    <tr>
     <td>Ячейка 1, расположенная в TFOOT</td>
     <td>Ячейка 2, расположенная в TFOOT</td> 
    </tr> 
   </tfoot>
   <tbody align="right" style="background: silver">
    <tr>
     <td>Ячейка 3, расположенная в TBODY</td>
     <td>Ячейка 4, расположенная в TBODY</td> 
    </tr> 
   </tbody>
  </table>

TEXTAREA (тег в HTML)

Что такое textarea в html:

Создаёт многострочное поле для ввода текста. Его можно использовать в формах обратной связи для ввода комментариев.

Атрибуты:

1. name - уникальное имя элемента.
2. cols - ширина поля в символах.
3. rows - высота поля в строках.
4. disabled - блокирует доступ и изменение элемента пользователем.
5. readonly - запретить ввод новых данных, но разрешить отправку на сервер.
6. required - поле обязательно для заполнения.
7. wrap - как обрабатывать переносы строк.
8. autocomplete - включает или выключает автозаполнение.
9. maxlength - максимальная длина текста.
10. minlength - минимальная длина текста.
11. placeholder - текст-подсказка для пользователей.

Как прописать textareaу в html:

<textarea id='feedback' name='feedback' rows='4' cols='50'>
Замечательный сайт,
обязательно приду к вам ещё.
</textarea>

TD (тег в HTML)

Что такое td в html:

Используется для создания ячеек таблицы, он всегда вкладывается в элемент <tr>.

Атрибуты:

1. colspan - количество объединяемых ячеек по горизонтали.
2. rowspan - количество объединяемых ячеек по вертикали.
3. headers - список id элементов, которые связаны с ячейкой.

Как прописать td в html:

<table>
  <tr>
    <td>Имя</td>
    <td>Фамилия</td>
    <td>Возраст</td>
  </tr>
  <tr>
    <td>Иван</td>
    <td>Иванов</td>
    <td>25</td>
  </tr>
  <tr>
    <td>Пётр</td>
    <td>Петров</td>
    <td>30</td>
  </tr>
</table>

TBODY (тег в HTML)

Что такое tbody в html:

Используется для группировки основного содержимого в таблице.

Как прописать tbody в html:

<table>
 <thead> .... </thead>
 <tfoot> ... </tfoot>
 <tbody>
  <tr>
   <td> ... </td>
  </tr>
 </tbody>
</table>

TABLE (тег в HTML)

Что такое table в html:

Один из основных элементов HTML, который используют для отображения данных (текста, изображения или другого элемента) в ячейках на странице. Таблица состоит из строк и столбцов.

Основные теги, используемые при создании таблицы:

1. <table> - определяет начало и конец таблицы. Всё содержимое таблицы должно находиться между <table></table>.
2. <thead> - определяет заголовок таблицы. Заголовок может содержать одну или несколько строк, в которых могут использоваться теги <th> для определения заголовков столбцов.
3. <tbody> - определяет тело таблицы. Тело содержит одну или несколько строк, в которых могут использоваться теги <td> для определения содержимого ячеек.
4. <tfoot> - определяет нижний колонтитул таблицы. Колонтитул может содержать одну или несколько строк, в которых могут использоваться теги <td> для определения содержимого ячеек.
5. <tr> - определяет строку таблицы. Каждая строка должна находиться между тегами <tbody>, <thead> или <tfoot>.
6. <th> - определяет заголовок столбца или строки таблицы. Используется внутри тегов <thead> и <tr>.
7. <td> - определяет содержимое ячейки таблицы. Используется внутри тегов <tbody>, <tfoot> и <tr>.
8. <caption> - определяет заголовок таблицы, который будет размещен над таблицей. Используется внутри тега <table>.

Как прописать table в html:

<table>
  <thead>
    <tr>
      <th>Заголовок 1</th>
      <th>Заголовок 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Ячейка 1,1</td>
      <td>Ячейка 1,2</td>
    </tr>
    <tr>
      <td>Ячейка 2,1</td>
      <td>Ячейка 2,2</td>
    </tr>
  </tbody>
</table>