Основы HTML. Web-страница — это документ (например, текстовый), размеченный с помощью специальных элементов HTML — тегов, или html-тегов, языка. Такие страницы часто называют html-страницами. Они имеют расширение .html или .htm. Например: about.html или a

Основы HTML

Служба World Wide Web (WWW или Web) представляет собой миллионы связанных между собой документов — Web-страниц.

Web-страница — это документ (например, текстовый), размеченный с помощью специальных элементов HTML — тегов, или html-тегов, языка. Такие страницы часто называют html-страницами. Они имеют расширение .html или .htm. Например: about.html или about.htm

Специальные программы — браузеры служат для интерпретации html-тегов и отображения содержимого Web-страниц. На экран html-теги не выводятся, они только указывают браузеру, как отображать содержимое документа.

Для просмотра html-кода в браузере необходимо в верхнем меню браузера Internet Explorer найти пункт Вид/Просмотр HTML-кода.

Иными словами, в браузер встроен интерпретатор языка HTML. Интерпретаторы, встроенные в различные браузеры, работают неодинаково, и одна и та же html-страница может отображаться в них по-разному.

Что же такое HTML — Hyper Text Markup Language? Это язык гипертекстовой разметки, разработанный специально для создания Web-документов. Отметим два важных момента:

1) HTML не является языком программирования! В нем нет логических последовательностей. Это именно язык разметки документов (текста).

2) HTML определяет логическую структуру документа.

Существует два способа формирования HTML-документа.

- Первый состоит в разметке документа вручную. Для этого можно использовать текстовый редактор, например Блокнот.

- Второй способ предполагает использование специальных редакторов для языка HTML, например FrontPage Express, HomeSite. Этот способ проще освоить, т.к. он не требует знания языка HTML.

Разметка документа осуществляется с помощью тегов (англ. tag — отметка).

Все документы HTML имеют одну и ту же структуру. Документ всегда должен начинаться с тега <HTML> и заканчиваться соответствующим закрывающим тегом </HTML>.

Структура HTML-документа:

<HTML> <HEAD> <TITLE> Заголовок документа </TITLE> </HEAD> <BODY> Тело документа </BODY> </HTML>

По структуре видно, что документ состоит из двух частей – заголовка и тела (пары тегов <HEAD>…</HEAD> и <BODY>…</BODY> соответственно). В заголовке документа размещается некоторая информация о документе. В нашем случае это будет название документа. Оно выделяется тегами <TITLE>…</TITLE>.

Содержание документа размещается в теле документа. Заголовок первого уровня (Главы) выделяется тегами <H1> и </H1>. Заголовки последующих уровней (параграфы, пункты, подпункты и т.п.) выделяются тегами <Hx> и </Hx>, где x – числа 2, 3,… При отображении Web-обозревателем эти заголовки показываются при помощи шрифтов разного размера.

Для создания абзаца недостаточно нажать на клавишу ENTER. Язык HTML рассматривает символ конца строки, как обычный пробел. Поэтому текст, являющийся абзацем, помещается между тегами <P> и </P>. Закрывающий тег </P> является необязательным. Язык HTML не содержит средств для создания красной строки, поэтому при отображении на экране абзацы разделяются пустой строкой.

12 Следующая ⇒