Internet входит в нашу жизнь. Единое информационное пространство оказывает все большее влияние на окружающий мир. Число пользователей сети растет лавинообразно. Internet используют как малые, так и большие предприятия для рекламы, торговли, связи. Поэтому возрастает необходимость в специалистах, умеющих создавать и обслуживать Web-узлы. Цель настоящих методических указаний состоит в том, чтобы студенты получили основные навыки создания Web-страниц с помощью языка гипертекстовой разметки документов HTML.
Основные понятия HTML
HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language). С помощью HTML создаются Web-страницы, которые находятся в глобальной компьютерной сети Интернет. HTML – это не язык программирования в традиционном смысле, он является языком разметки. С помощью HTML текстовый документ разбивают на блоки смысловой информации (заголовки, параграфы, таблицы, рисунки и т.п.).
Гипертекстовый документ – это документ, содержащий переходы (гиперссылки) на другие документы. При использовании гиперссылки происходит перемещение от одного документа к другому (как по цепочке) в Интернете. HTML-документ является гипертекстовым документом.
Особенности HTML-документа:
1. HTML-документ может содержать текст, графику, видео и звук.
2. В общем случае HTML-документ – это один или несколько текстовых файлов, имеющих расширение .htm или .html.
3. Создавать HTML-документ можно как с помощью специальных программ – редакторов HTML (например, FrontPage), так и с помощью любого текстового редактора (например, блокнота Windows).
4. Для просмотра HTML-документов существуют специальные программы - браузеры. Они интерпретируют HTML-документы, т.е. переводят текст документа в Web-страницу, и отображают ее на экране пользователя. Существует очень много различных браузеров, но наиболее распространенными браузерами являются Microsoft Internet Explorer, Netscape Navigator и Opera.
5. Если при интерпретации HTML-документа браузер чего-то не понимает, то сообщения об ошибке не возникает, а это место в HTML-документе игнорируется и не отображается браузером.
HTML-документ состоит из элементов HTML.
Элемент HTML – это чаще всего два тега (открывающий и закрывающий) и часть документа между ними. Кроме того, существуют элементы HTML, состоящие только из одного тега.
Тег – в переводе с английского – ярлык, этикетка. Тег определяет тип выводимого элемента HTML (например, заголовок, таблица, рисунок и т.п.). Сам тег не отображается браузером. Тег представляет собой последовательность элементов:
- символ левой угловой скобки (<) – начало тега;
- необязательный символ слеша (/) – символ используется, чтобы обозначить закрывающий тег;
- имя тега;
- необязательные атрибуты в открывающем теге;
- символ правой угловой скобки (>) – конец тега.
Атрибуты – необязательный набор параметров, определяющих дополнительные свойства элемента HTML (например, цвет или размер). Атрибут состоит:
- из имени атрибута;
- знака равенства (=);
- значения атрибута – строки символов, заключенной в кавычки.
Пример элемента HTML:
<H1 ALIGN= "CENTER">Глава 1</H1>
В этом примере:
<H1 ALIGN= "CENTER"> – открывающий тег;
</H1> – закрывающий тег;
H1 – имя тега;
ALIGN= "CENTER" – атрибут;
ALIGN – имя атрибута;
"CENTER" – значение атрибута;
Глава 1 – содержание элемента HTML.
Правила создания HTML-документов:
1. Теги и атрибуты можно записывать в любом регистре, т.е. </H1> и </h1> – это одно и то же;
2. Несколько пробелов подряд, символы табуляции и перевода строки при интерпретации браузером заменяются на один пробел. Это позволяет писать хорошо структурированные исходные тексты файлов HTML;
3. Рекомендуется давать имена файлам HTML строчными английскими буквами. Длина имени – до восьми символов. В принципе, можно не придерживаться данной рекомендации, но тогда пользователи, работающие в операционных системах, отличных от Windows, не смогут воспользоваться вашими HTML-документами.
