Основні теги
службові теги
- 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
приховування елемента
Радіо перемикач є елементом HTML форми у вигляді круглої кнопочки, яка може бути відзначена і немає.
Радіо кнопочка створюється за допомогою тега input з атрибутом type в значенні radio.
Результат виконання коду:
Один радіо перемикач практично ніколи не використовується. їх слід використовувати групою. При цьому в групі може бути відзначений тільки один з перемикачів. Перемикачі формуватимуть групу тільки якщо у них однакове значення атрибуту name (див. Приклади нижче).
Див. Також атрибут checked. який робить радіо перемикач зазначеним за замовчуванням.
Див. Також псевдоклас checked. який задає стилі для зазначених чекбоксів або радіо.
Див. Також атрибут disabled. який блокує елементи форм, і псевдокласи disabled і enabled. які задають стилі заблокованим і незаблокованим елементам.
Див. Також тег label. який можна використовувати разом з радіо перемикачами (і з іншими елементами форми теж).
В даному прикладі зроблені два радіо перемикача. перший відзначений (так як йому дано атрибут checked), а другий - ні. При цьому перемикачі являють собою групу. в якій може бути відзначений тільки один з них (так як у них однакове значення атрибуту name).
Зверніть увагу на те, що даними радіо кнопках дані різні значення атрибута value. Це потрібно для того, щоб після відправки даних на сервер, PHP міг визначити, який з перемикачів був обраний:
Результат виконання коду:
В даному прикладі зроблено дві групи радіо перемикача. перша група має одне значення атрибута name (radio1), а друга - інше (radio2). Спробуйте натискати по ним, ви побачите, що групи перемикаються незалежно один від одного:
Результат виконання коду:
Основні теги
службові теги
- 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
приховування елемента