Тема: «Гипертекстовое представление информации.»
Основные понятия html.
HTML – язык гипертекстовой разметки документов (HyperText Markup Language). С помощью HTML создаются Web-страницы, которые находятся в глобальной компьютерной сети Интернет. HTML – это не язык программирования в традиционном смысле, он является языком разметки. С помощью HTML текстовый документ разбивают на блоки смысловой информации (заголовки, параграфы, таблицы, рисунки и т.п.).
Гипертекстовый документ – это документ, содержащий переходы (гиперссылки) на другие документы. При использовании гиперссылки происходит перемещение от одного документа к другому (как по цепочке) в Интернете. HTML-документ является гипертекстовым документом.
Особенности HTML-документа:
1. HTML-документ может содержать текст, графику, видео и звук.
2. В общем случае HTML-документ – это один или несколько текстовых файлов, имеющих расширение .htmили .html.
3. Создавать HTML-документ можно как с помощью специальных программ – редакторовHTML(например,FrontPage), так и с помощью любого текстового редактора (например, блокнотаWindows).
4. Для просмотра HTML-документов существуют специальные программы-броузеры. Они интерпретируют HTML-документы, т.е. переводят текст документа вWeb-страницу, и отображают ее на экране пользователя. Существует очень много различных броузеров, но наиболее распространенными броузерами являются MicrosoftInternetExplorer, NetscapeNavigatorиOpera.
5. Если при интерпретации HTML-документа броузер чего-то не понимает, то сообщения об ошибке не возникает, а это место вHTML-документе игнорируется и не отображается броузером.
HTML-документ состоит из элементов HTML.
Элемент HTML – это чаще всего два тега (открывающий и закрывающий) и часть документа между ними. Кроме того, существуют элементы HTML, состоящие только из одного тега.
Тег – в переводе с английского – ярлык, этикетка. Тег определяет тип выводимого элемента HTML (например, заголовок, таблица, рисунок и т.п.). Сам тег не отображается броузером. Тег представляет собой последовательность элементов:
символ левой угловой скобки (
необязательный символ слеша (/) – символ используется, чтобы обозначить закрывающий тег;
имя тега;
необязательные атрибуты в открывающем теге;
символ правой угловой скобки ()
Атрибуты – необязательный набор параметров, определяющих дополнительные свойства элемента HTML (например, цвет или размер). Атрибут состоит:
из имени атрибута;
знака равенства (=);
значения атрибута – строки символов, заключенной в кавычки
Пример элемента HTML:
H1 ALIGN= "CENTER"Глава 1H1
В этом примере:
H1 ALIGN= "CENTER" – открывающий тег
H1 – закрывающий тег
H1 – имя тега
ALIGN= "CENTER" – атрибут
ALIGN – имя атрибута
"CENTER" – значение атрибута
Правила создания HTML-документов:
1. Теги и атрибуты можно записывать в любом регистре, т.е. и – это одно и то же.
2. Несколько пробелов подряд, символы табуляции и перевода строки при интерпретации броузером заменяются на один пробел. Это позволяет писать хорошо структурированные исходные тексты файлов HTML.
3. Рекомендуется давать имена файлам HTML строчными английскими буквами. Длина имени – до восьми символов. В принципе, можно не придерживаться данной рекомендации, но тогда пользователи, работающие в операционных системах, отличных от Windows, не смогут воспользоваться вашими HTML-документами.
Структура html-документа: Каждый HTML-документ должен начинаться тегом и заканчиваться тегом . Эти теги обозначают, что находящиеся между ними строки представляют единый HTML-документ. Кроме того, можно заметить, что файл HTML в целом является элементом языка HTML.
Также в HTML-документе должны присутствовать элементы HEAD (информация о документе) и BODY (тело документа).
Раздел документа HEAD
Раздел документа HEAD определяет его заголовок, а также содержит дополнительную информацию о документе для броузера. Этот раздел не является обязательным, однако рекомендуется всегда использовать его в своих HTML-документах, так как правильно составленный заголовок может быть весьма полезен.
Раздел заголовка начинается тегом и следует сразу за тегом . Между открывающим и закрывающим тегами элемента HEAD располагаются другие элементы заголовка.
Название документа title Д
ля того чтобы дать название HTML-документу, предназначен тег . Это название будет выведено в заголовок окна броузера. Название записывается между тегами и и представляет собой строку текста. Длина этой строки может быть любой, но рекомендуется делать ее не больше 60 символов. Элемент TITLE должен находиться только в разделе HEAD.
Раздел документа BODY
В этом разделе документа располагается та информация, которая отображается в окне браузера. Раздел BODY должен начинаться тегом и завершаться тегом