Таблицы в HTML
DOCTYPE уточняет тип содержимого, указывает HTML парсеру как правильно разбирать данный документ.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><!DOCTYPE html>
html - оберткаhead - заголовок страницы, не отображаетсяbody - тело страницы, то, что видит пользовательtitle - отображается в заголовке окна браузераmeta - содержит информацию для user-agentов<meta name="description" content="Для друзeй"><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
link - указание связанных ресурсов, например CSS<link rel="stylesheet" href="/style.css"><link rel="alternate" href="/news.rss" type="application/rss+xml">
script - загрузка JavaScript<script src="./jquery.js" charset="windows-1251" async></script>
Загрузку CSS (тэг link) рекомендуется ставить в тэге head,
а загрузку JavaScript (тэг script) - наоборот ближе к концу странице.
Это повышает скорость отрисовки страницы.
h1 - h6 ― различные уровни заголовковp ― разбиение текста на параграфыhr ― горизонтальная линияpre ― блок преформатированного кода, например исходный кодblockquote ― цитирование длинного блока текстаdiv ― абстрактный блочный контейнерВерстка этого слайда сделана в HTML и является отличным примером использования блочных тэгов.
Хотя из-за стилей оформления презентации это не так очевидно.
a ― гиперссылкиem, i ― акцентированиеstrong, b ― выделениеimg ― вставка изображенийsub ― нижний индексsup ― верхний индексspan ― абстрактный строчный контейнерul, ol, li - маркированные списки
href - URL гиперссылкиtarget - в каком окне открывать ссылкуname - имя якоря, вместо hrefПоведение браузера зависит от протокола в URL
http, https, ftp - переход по ссылкеmailto - запуск почтового клиентаjavascript - выполнение JavaScript кода#anchor - прокрутка текущей страницыaction - URL, на который будет отправлена формаmetod - HTTP метод, GET или POSTtarget - имя окна браузера, в котором открыть результатenctype - способ кодирования данных формы. По умолчанию - application/x-www-form-urlencoded.
Если форма содержит поля для ввода файлов, то должно быть multipart/form-data
Это способ кодирования данных формы для передачи через URL.
Допустим есть форма со следующими данными:
В закодированном виде это буде выглядеть так:
id=3&name=%D0%92%D0%B0%D1%81%D1%8F&friend=4&friend=5
input - универсальное поле, может быть:
type="hidden" - невидимоеtype="text" - текстовое полеtype="checkbox" - checkbox, переключатель да/нетbutton - кнопкаtextarea - многострочное поле вводаselect,option - выпадающий списокtype - определяет внешний вид и функционалname - имя, с которым данный элемент попадет в запросvalue - начальное знаечение, пользователь может изменитьplaceholder - подсказка для пользователя