Язык HTML HyperText Markup Language Язык разметки гипертекста. - презентация

1

2 Язык HTML HyperText Markup Language Язык разметки гипертекста

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

4 История Автор – Тим Бернерс-Ли World Wide Web Consortium Первый браузер – Mosaic HTML 2.0 – 1994 г. HTML 3.0 – 1995 г. HTML 3.2 – январь 1997 г. HTML 4.01 – декабрь 1999 г. HTML 5 – август 2009 г. Web Hypertext Application Technology Working Group

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

& – & " – " Числовые ссылки на символы &#D; – символ Unicode с номером D (D – десятичное) &#xH; – символ Unicode с номером H (H – шестнадцатеричное) – неразрывный пробел &ndas" title="Синтаксис HTML Символы Специальные символы: & " < – < > – > & – & " – " Числовые ссылки на символы &#D; – символ Unicode с номером D (D – десятичное) &#xH; – символ Unicode с номером H (H – шестнадцатеричное) – неразрывный пробел &ndas" class="link_thumb"> 6 Синтаксис HTML Символы Специальные символы: & " < – < > – > & – & " – " Числовые ссылки на символы &#D; – символ Unicode с номером D (D – десятичное) &#xH; – символ Unicode с номером H (H – шестнадцатеричное) – неразрывный пробел – – – — – – Ω – Ω © – © & – & " – " Числовые ссылки на символы &#D; – символ Unicode с номером D (D – десятичное) &#xH; – символ Unicode с номером H (H – шестнадцатеричное) – неразрывный пробел &ndas"> & – & " – " Числовые ссылки на символы &#D; – символ Unicode с номером D (D – десятичное) &#xH; – символ Unicode с номером H (H – шестнадцатеричное) – неразрывный пробел – – – — – – Ω – Ω © – ©"> & – & " – " Числовые ссылки на символы &#D; – символ Unicode с номером D (D – десятичное) &#xH; – символ Unicode с номером H (H – шестнадцатеричное) – неразрывный пробел &ndas" title="Синтаксис HTML Символы Специальные символы: & " < – < > – > & – & " – " Числовые ссылки на символы &#D; – символ Unicode с номером D (D – десятичное) &#xH; – символ Unicode с номером H (H – шестнадцатеричное) – неразрывный пробел &ndas">

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

8 Структура документа HTML Тип элемента Элемент Содержимое элемента Элемент Комментарий Пример: Мой первый документ HTML Всем привет!

9 Структура документа HTML Заголовок Тело Информация о версии HTML Пример: Мой первый документ HTML Всем привет!

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

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

12 Структура текста Элементы уровня блока Элемент P – абзац. Атрибут: alignЗначения: left, right, center, justify Заголовки: H1,H2,H3,H4,H5,H6 align Блок: DIV align Атрибуты для любых элементов: id, class, style, title, on…

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

14 Примеры списков... Уровень один, номер один Уровень два, номер один Уровень два, номер два Уровень три, номер один Уровень два, номер три Уровень один, номер два... Center Centre Центр

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

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