Справочник HTML на C

Тег <canvas>

Тег <canvas> создаёт область, виртуальный холст, в которой с помощью JavaScript можно рисовать картинки: кривые, линии, фигуры, текст и другие элементы, и создавать анимацию.

Атрибуты

Для элемента доступны глобальные атрибуты.

Синтаксис

<canvas id="имя"></canvas>

Тег <caption>

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

Атрибуты

Для элемента доступны глобальные атрибуты.

Пример

<table>
  <caption>Заголовок</caption>
    <tr>
      <td>Ячейка 1</td><td>Ячейка 2</td><td>Ячейка 3</td>
    </tr>
    <tr>
      <td>Ячейка 4</td><td>Ячейка 5</td><td>Ячейка 6</td>
    </tr>
</table>

Результат

Тег <cite>

Тег <cite> выделяет название творческой работы: книги, статьи, сценария, пьесы, фильма, песни, музыкального произведения, компьютерной игры и другого, но не их авторов. Он часто дополняет цитаты <blockquote> и указывает название произведения, из которого взята эта цитата. Браузеры могут выделять текст в <cite> курсивом.

Не путать с атрибутом cite в теге <blockquote>, в котором указывают ссылку на первоисточник.

Атрибуты

Для элемента доступны глобальные атрибуты.

Пример

<p>Наш начальник похож на Доцента из фильма <cite>«Джентльмены удачи»</cite>.</p>

Результат

Тег <code>

Тег <code> служит для отображения программного кода. Браузеры обычно отображают его содержимое моноширинным шрифтом. В <code> пробелы и переносы строк не учитываются. Любое количество пробелов идущих подряд, на веб-странице отображаются как один.

Поэтому для нескольких строк кода целесообразно использовать тег <pre>. А чтобы код HTML отображался корректно, как есть, заменяйте угловые скобки тегов "<" и ">" специальными символами.

При комбинации обоих элементов соблюдайте порядок вложенности: тег <code> можно размещать внутри тега <pre>, а вот <pre> внутри тега <code> — нет.

Атрибуты

Для элемента доступны глобальные атрибуты.

Синтаксис

<code>
arr = [12, 13, 1, 10, 34, 16]
arr.sort(reverse=True)
print(arr[2])
</code>

Тег <col>

При помощи тега <col> удобно задать стили CSS одной или нескольким колонкам таблицы, чтобы не писать классы отдельно для каждой ячейки. Для группировки тегов <col> применяют тег <colgroup>, который позволит задать стили сразу для группы колонок.

Располагать теги <colgroup> и <col> нужно после тега <caption> и перед тегами <thead>, <tbody> и <tfoot>.

Атрибуты

Для элемента доступны глобальные атрибуты.

Пример

<table>
  <col class="col1">
    <tr>
      <td>Ячейка 1</td><td>Ячейка 2</td><td>Ячейка 3</td>
    </tr>
    <tr>
      <td>Ячейка 4</td><td>Ячейка 5</td><td>Ячейка 6</td>
    </tr>
</table>

Результат

В примере для первой колонки задано CSS-свойство: background-color:#9cc.

Тег <colgroup>

Тег <colgroup> применяют для группировки тегов <col>, которые используют для задания колонкам таблицы стилей CSS.

Располагать теги <colgroup> и <col> нужно после тега <caption> и перед тегами <thead>, <tbody> и <tfoot>.

Атрибуты

Для элемента доступны глобальные атрибуты.

Пример

<table>
  <colgroup>
      <col span="3" class="col1">
      <col span="2" class="col2">
      <col span="1" class="col3">
  </colgroup>
    <tr>
      <td>01</td><td>02</td><td>03</td><td>04</td><td>05</td><td>06</td>
    </tr>
    <tr>
      <td>07</td><td>08</td><td>09</td><td>10</td><td>11</td><td>12</td>
    </tr>
    <tr>
      <td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td>
    </tr>
</table>

Результат

В примере через стили CSS у колонок изменён цвет фона: