Скачать презентацию
Идет загрузка презентации. Пожалуйста, подождите
1
Лекция 3. Тема «СТРУКТУРА HTML-ДОКУМЕНТА»
2
1.История развития HTML 2.Принципы гипертекстовой разметки 3.Группы тэгов 4.Структура HTML-документа 5.Элементы разметки заголовка документа Вопросы темы:
3
В 1989 году Тим Бернерс-Ли предложил руководству международного центра высоких энергий (CERN) проект распределенной гипертекстовой системы, которую он назвал World Wide Web (WWW). 1.История развития HTML Разработчики HTML смогли решить две задачи: 1.предоставить дизайнерам гипертекстовых баз данных простое средство создания документов; 2.сделать это средство достаточно мощным, чтобы отразить имевшиеся на тот момент представления об интерфейсе пользователя гипертекстовых баз данных.
4
Гипертекстовая база данных в концепции WWW это набор текстовых файлов, размеченных на языке HTML, который определяет форму представления информации (разметка) и структуру связей между этими файлами и другими информационными ресурсами (гипертекстовые ссылки). Гипертекстовые ссылки, устанавливающие связи между текстовыми документами, постепенно стали объединять самые различные информационные ресурсы, в том числе звук и видео; в результате возникло новое понятие гипермедиа.
5
World Wide Web Consortium (W3C) международная организация, которая занимается подготовкой и распространением документации на описание новых версий HTML W3C уже опубликовала материалы спецификации HTML 4.01
6
2. Принципы гипертекстовой разметки HTML является описательным языком разметки документов, в нем используются указатели разметки (теги). Теговая модель описывает документ как совокупность контейнеров, каждый из которых начинается и заканчивается тегами, то есть документ НТМL представляет собой к обычный АSСII-файл, с добавленными в него управляющими НТМL- кодами (тегами).
7
Например Общая схема построения контейнера в формате HTML может быть записана в следующем виде: "контейнер"= содержание контейнера
8
Кроме тегов, элементами HTML являются CER (Character Entity Reference), они предназначены для представления специальных символов в документе HTML, которые могут быть неверно обработаны браузером. Например, строка <BODY> отобразится браузером.
9
Примеры CER Числовой код Именная замена СимволОписание """Кавычка &&&Амперсант <<
10
3. Группы тегов НТМL Все теги НТМL по их назначению и области действия делятся на следующие группы: определяющие структуру документа; оформление блоков гипертекста (параграфы, списки, таблицы, картинки); гипертекстовые ссылки и закладки; формы для организации диалога; вызов программ.
11
Гипертекстовые ссылки в HTML делятся на два класса: контекстные гипертекстовые ссылки общие. сам документ это один большой контейнер, который начинается с тега и заканчивается тегом.
12
При подготовке документов HTML используется идентификатор текста DTD (Document Type Declaration) - Это позволяет браузеру идентифицировать документ как соответствующий стандарту HTML
13
4. Структура HTML-документа Простейший документ Тело документа, отображаемое браузером
14
Основные контейнеры заголовка TITLE (заглавие документа); BASE (база URL); ISINDEX (поисковый шаблон); META (метаинформация); LINK (общие ссылки); STYLE (описатели стилей); SCRIPT (скрипты).
15
Чаще всего применяются элементы TITLE, SCRIPT, STYLE, МЕТА, LINK Элемент разметки META Выделяют следующие три группы мета-тегов: команды управления отображением страницы (автообновление, автозагрузка) команды, предназначенные для автономных программ-роботов(«пауков»), рассылаемых по сети поисковыми серверами для сбора сведений о размещаемых в Интернет сайтах. теги, предоставляющие дополнительную информацию о содержании страницы.
16
Теги, управляющие отображением страницы
17
Теги для поисковых роботов General – общедоступный ресурс; Mature – для взрослых; Restricted – ограничения по возрасту; 14 years – только посетителям старше 14 лет
18
Теги для поисковых роботов All – допускаются все предусматриваемые в этом случае действия; Index – индексировать данную страницу; Noindex – запрет индексирования и т. д.
19
Информационные теги.
20
Элемент разметки LINK В общем случае контейнер LINK имеет следующий вид: Например,
21
Элемент разметки STYLE Элемент разметки STYLE предназначен для размещения описателей стилей. В общем виде запись элемента STYLE выглядит так: описание стиля/стилей
22
Элемент разметки SCRIPT Элемент разметки SCRIPT служит для размещения кода JavaScript, VBScript или JScript. SCRIPT можно использовать не только в заголовке документа, но и в его теле. Общий вид записи : JavaScript/VBScript-код
23
Контрольные вопросы: 1.Кто был автором проекта распределенной гипертекстовой системы и в каком году? 2.Что представляет собой гипертекстовая база данных в концепции WWW? 3.Что такое гипермедиа? 4.Что такое W3C? 5.Каковы принципы гипертекстовой разметки? 6.Опишите общую схему построения контейнера. 7.Для чего предназначены CER? 8.Перечислите основные группы тегов. 9.Опишите в общем виде структуру HTML- документа. 10.Перечислите основные контейнеры заголовка. 11.Какие группы мета-тегов вам известны?
Еще похожие презентации в нашем архиве:
