Основні теги
службові теги
- doctype
версія html - html
головний тег на сторінці - head
службове вміст сторінки - body
основний вміст сторінки - title
заголовок всієї сторінки - link
підключення CSS - style
підключення CSS
на HTML сторінці - script
підключення скриптів - meta
службові команди
- form
форма - input
поле введення - checkbox
прапорець чекбокс - radio
радіо перемикач - password
поле для пароля - submit
кнопка відправки форми - reset
кнопка скидання форми - button
кнопка - textarea
многострочное поле введення - select
випадаючий список - option
пункт списку - optgroup
угруповання пунктів - label
мітка для поля введення - fieldset
угруповання полів форми - legend
підпис над угрупованням полів - datalist
автозаповнення
Атрибути для форм
- name
ім'я поля введення - type
тип поля введення - value
вміст поля введення - placeholder
підказка в полі введення - checked
зазначений прапорець - selected
обраний пункт списку - disabled
неактивний елемент - form
зв'язок з формою - required
обов'язковість для заповнення - pattern
перевірка
по регулярному виразу - autofocus
автоматичний фокус - autocomplete
скасовує автозаповнення - enctype
спосіб кодування - spellcheck
правопис - tabindex
перехід
через клавішу tab - accesskey
гарячі клавіші - list
зв'язок з тегом datalist
рідкісні теги
Основні атрибути
- table
таблиця - tr
ряд таблиці - td
осередок таблиці - th
осередок-заголовок таблиці - tbody
основна частина таблиці - tfoot
нижня частина таблиці - thead
верхня частина таблиці - caption
заголовок всієї таблиці
Атрибути для таблиць
- cellpadding
відступ від кордону
(Застарів в HTML5) - cellspacing
відступ між осередками
(Застарів в HTML5) - colspan
об'єднання
колонок таблиці - rowspan
об'єднання
рядів таблиці
Теги HTML5 для макета
- header
хедер
верхня частина сторінки - main
контент
основний вміст сторінки - aside
сайдбар
бокова частина сторінки - footer
футер
нижня частина сторінки - nav
навігація (меню) - article
TODO. сайту - section
TODO розділ сайту
Атрибути для макетів
медіа теги
напрямок тексту
- code
код - var
змінна - samp
результат скрипта - kbd
текст, набраний на клавіатурі - xmp
теги як звичайний текст
(Тег нестандартний)
рідкісні атрибути
- data
для зберігання даних в js - dir
напрямок тексту
TODO опис невірно! - lang
мова тексту - contenteditable
редагування тексту - hidden
приховування елемента
Тег tbody задає основну частину таблиці. Використовується для угруповання рядів таким чином, щоб відразу до певної групи можна було застосувати CSS стилі. В одній таблиці може бути будь-яка кількість тегів tbody.
Тег tbody часто використовується спільно з thead і tfoot для завдання верхньої частини, основної частини і нижньої частини HTML таблиці.
За замовчуванням браузер поставить вміст tfoot в нижню частину таблиці, а thead - в верхню.
В даному прикладі групі рядів, об'єднаних тегом tbody. доданий червоний колір тексту за допомогою CSS властивості color (для самої таблиці за допомогою CSS властивостей для краси додана межа border і відстань між осередками border-spacing):
Результат виконання коду:
Основні теги
службові теги
- doctype
версія html - html
головний тег на сторінці - head
службове вміст сторінки - body
основний вміст сторінки - title
заголовок всієї сторінки - link
підключення CSS - style
підключення CSS
на HTML сторінці - script
підключення скриптів - meta
службові команди
- form
форма - input
поле введення - checkbox
прапорець чекбокс - radio
радіо перемикач - password
поле для пароля - submit
кнопка відправки форми - reset
кнопка скидання форми - button
кнопка - textarea
многострочное поле введення - select
випадаючий список - option
пункт списку - optgroup
угруповання пунктів - label
мітка для поля введення - fieldset
угруповання полів форми - legend
підпис над угрупованням полів - datalist
автозаповнення
Атрибути для форм
- name
ім'я поля введення - type
тип поля введення - value
вміст поля введення - placeholder
підказка в полі введення - checked
зазначений прапорець - selected
обраний пункт списку - disabled
неактивний елемент - form
зв'язок з формою - required
обов'язковість для заповнення - pattern
перевірка
по регулярному виразу - autofocus
автоматичний фокус - autocomplete
скасовує автозаповнення - enctype
спосіб кодування - spellcheck
правопис - tabindex
перехід
через клавішу tab - accesskey
гарячі клавіші - list
зв'язок з тегом datalist
рідкісні теги
Основні атрибути
- table
таблиця - tr
ряд таблиці - td
осередок таблиці - th
осередок-заголовок таблиці - tbody
основна частина таблиці - tfoot
нижня частина таблиці - thead
верхня частина таблиці - caption
заголовок всієї таблиці
Атрибути для таблиць
- cellpadding
відступ від кордону
(Застарів в HTML5) - cellspacing
відступ між осередками
(Застарів в HTML5) - colspan
об'єднання
колонок таблиці - rowspan
об'єднання
рядів таблиці
Теги HTML5 для макета
- header
хедер
верхня частина сторінки - main
контент
основний вміст сторінки - aside
сайдбар
бокова частина сторінки - footer
футер
нижня частина сторінки - nav
навігація (меню) - article
TODO. сайту - section
TODO розділ сайту
Атрибути для макетів
медіа теги
напрямок тексту
- code
код - var
змінна - samp
результат скрипта - kbd
текст, набраний на клавіатурі - xmp
теги як звичайний текст
(Тег нестандартний)
рідкісні атрибути
- data
для зберігання даних в js - dir
напрямок тексту
TODO опис невірно! - lang
мова тексту - contenteditable
редагування тексту - hidden
приховування елемента