HTML тег <caption>

В теге <caption> задается заголовок таблицы. Тег <caption> размещается внутри элемента <table> сразу после открывающего тега <table>.

Синтаксис

Тег <caption> парный, содержимое пишется между открывающим (<caption>) и закрывающим (</caption>) тегами.

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
  </head>
  <body>
<table summary="grades"> width="400" border="1">
  <caption>Оценки</caption>
  <thead>
    <tr>
      <th>Студент</th>
      <th>1-ый экзамен</th>   	
      <th>2-ой экзамен</th>
    </tr>
  </thead>
    <tbody>
    <tr>
      <td>Джон Джонсон</td>
      <td>75</td>
      <td>65</td>
    </tr>
    <tr>
      <td>Мэри Николсон</td>
          <td>55</td>
          <td>80</td>
        </tr>
        <tr>
          <td>Макс Томсон</td>
          <td>60</td>
          <td>47</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

Результат

Оценки
Студент 1-ый экзамен 2-ой экзамен
Джон Джонсон 75 65
Мэри Николсон 55 80
Макс Томсон 60 47

Атрибуты

Атрибут Значение Описание
align Выравнивает заголовок по горизонтали.
Не используется в HTML5.
right Заголовок размещается сверху и выравнивается по правому краю.
left Заголовок размещается сверху и выравнивается по левому краю.
top Заголовок размещается сверху и выравнивается по центру.
bottom Заголовок размещается снизу и выравнивается по центру.

Тег <caption> поддерживает глобальные атрибуты и атрибуты событий.

Поддержка браузера





Похожие статьи