Язык HTML Hyper Text Markup Language Язык разметки

Язык HTML Hyper. Text Markup Language Язык разметки гипертекста

Языки разметки n SGML (Standart Generalised Markup Language, 1986 год) SGML упрощение, фиксирован один язык HTML • HTML (1993 год) SGML, HTML • XML

История n n n n n Автор – Тим Бернерс-Ли World Wide Web Consortium http: //www. w 3. org Первый браузер – Mosaic HTML HTML 2. 0 – 1994 г. 3. 0 – 1995 г. 3. 2 – январь 1997 г. 4. 01 – декабрь 1999 г. 5 – август 2009 г. Web Hypertext Application Technology Working Group http: //www. whatwg. org/html

Файлы HTML n Расширения. html, . htm PHP+html . phtml, SSI+html . shtml n Текстовые файлы n Разметка делается с помощью тегов n Содержат элементы на других языках (Java. Script, CSS, )

Синтаксис HTML n Символы n Специальные символы: < > & " n n < – < > – > & – & " – " n n n   – неразрывный пробел – – “–” — – “–” Ω – Ω © – © Числовые ссылки на символы n n &#D; – символ Unicode с номером D (D – десятичное) &#x. H; – символ Unicode с номером H (H – шестнадцатеричное)

Синтаксис HTML n Особенности: n n n Теги n n <…> начальные (открывающиеся) <имя-элемента> или <имя-элемента атрибуты> конечные (закрывающиеся) В именах элементов, атрибутов и значениях атрибутов регистр не различается Элементы n n n переводы строчек приравниваются к пробелу несколько пробелов приравниваются к одному

…

Структура документа HTML Пример: Элемент Тип элемента Содержимое элемента Элемент

Всем привет! Комментарий Элемент

Структура документа HTML Пример: Информация о версии HTML Заголовок

Всем привет! Тело

" src="https://present5.com/presentation/303cfb9713f9f99a770adc384951707a/image-9.jpg" alt="Атрибуты имя-атрибута n имя-атрибута="значение" Примеры: n n n

" /> Атрибуты имя-атрибута n имя-атрибута="значение" Примеры: n n n

Заголовок документа Метаинформация. Содержит элементы: n TITLE – название документа n META – метаданные. Атрибуты: n name n n n author, description, keywords content http-equiv n n LINK STYLE

Структура текста Элементы уровня блока n Элемент P – абзац. Атрибут: n align n n left, right, center, justify Заголовки: H 1, H 2, H 3, H 4, H 5, H 6 n n Значения: align Блок: DIV n align Атрибуты для любых элементов: n id, class, style, title, on…

Списки n n OL, UL, DL – нумеруемые, ненумеруемые, определений LI – элемент списка (для OL, UL) DT – термин DD – определение Атрибуты UL, OL, LI: n type (disc, circle, square, 1, A, a, i, I) n start число n value число n compact

Примеры списков

• . . . Уровень один, номер один. . .
  1. . . . Уровень два, номер один. . .
  2. . . . Уровень два, номер два. . .
     10. . . . Уровень три, номер один. . .
  3. . . . Уровень два, номер три. . .
• . . . Уровень один, номер два. . .

Цитаты n n BLOCKQUOTE – блочный Q – строчный Атрибут: n cite значение – URI

Элементы уровня строки SPAN Нежелательные: n B, I, U, TT, S, BIG, SMALL n EM, STRONG, CITE, DFN, CODE, SAMP, KBD, VAR, ABBR, ACRONYM EM = I, STRONG = B, CODE = TT n SUB, SUP – индексы n BR – разрыв строки n