Основні теги
службові теги
- 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
приховування елемента
Тег select створює список, що випадає для використання в HTML формах.
Окремий пункт списку повинен зберігатися в тезі option.
Див. Також атрибут selected. який задає обраний за замовчуванням пункт списку.
Див. Також тег optgroup. який групує пункти списку.
Див. Також тег datalist. який створює список, що випадає, прикріплений до поля введення.
Наявність даного атрибута створює мультіселект - список, що випадає, в якому можна вибрати декілька пунктів, затиснувши клавішу контрол (Ctrl) або виділивши їх мишкою. Необов'язковий атрибут.
Користуватися так:
Ім'я списку. Потрібно для того, щоб дістати дані поля введення в PHP. Для коректної роботи форми імена полів введення не повинні збігатися один з одним (в одній формі). Якщо вони збігаються - в PHP прийдуть дані того поля введення, яке нижче в HTML коді.
В даному прикладі ви бачите, що випадає:
Результат виконання коду:
Основні теги
службові теги
- 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
приховування елемента