Дистанционный курс
Создание простейших HTML-страниц

Практикум по HTML

1. Введение

Сегодня Интернет является одним из самых современных и революционных средств передачи информации. Интернет состоит из многочисленных компьютерных сетей, объединенных в одну глобальную сеть и обменивающихся между собой информацией. В настоящее время особенно быстро развивается часть Интернет, называемая World Wide Web (WWW или просто Web).

В WWW содержится информация, представленная в различных форматах:

Текстовая информация


Графическая информация


Видео информация


Аудио информация

 

2. HTML-формат

Основным форматом Web-документов, составляющих содержимое узлов Web, является Hupertext Markup Langauge (HTML – язык разметки гипертекста).

HTML представляет собой совокупность достаточно простых команд, которые вставляются в исходный текст документа (ASCII – файл) и позволяют управлять представлением этого документа на экране дисплее. Таким образом, текст, подготовленный в любом текстовом редакторе и сохраненный в обычном ASCII-форматом, становится Web-страницей (HTML – документом) после добавления в него ряда команд языка HTML.

3. Работа с тэгами

Команды HTML задаются с помощью специальных элементов, называемых тэгами (tag). Тэги позволяют управлять представлением информации на экране при отображении HTML – документов специальными программами браузерами или обозревателями (от англ. browse – просматривать), например, Microsoft Internet Explorer или Netscape Navigator.

Любой тэг задается в виде строки символов, заключенной между символами "<" и ">".
Например. <BR> - это тэг переноса строки.

Признак завершения команды – это тот же самый тэг, только начинающийся с "/".
Например, <BODY> и </BODY> - признак начала и окончания текста документа.

Существуют два типа тэгов:

одноэлементный тэг

<BR>
 

 

 
парный тэг

<BODY>

. . .

</BODY>
 

Влияет на текст, начинающийся с той точки, где употреблен тэг, до точки, в которой указан признак завершения команды.

4. Как работают браузеры

Графика, видео- и аудио-информация содержатся в отдельных файлах и принимается браузером согласно ссылкам в документе на эти файлы. Приняв информацию, браузер компонует элементы документа в соответствии с тем, что задано командами HTML, и показывает результат на экране с учетом предварительных настроек, касающихся размеров окна браузера, используемой цветовой схемы, установленных шрифтов и т.д.

Файлы HTML – это обыкновенные текстовые файлы, имеющий расширение HTM (или HTML).

Для создания и редактирования файлов HTML будем использовать стандартную программу Блокнот (Notepad), входящую в комплект Windows, а для просмотра результата создания Web-страниц - Microsoft Internet Explorer.

5. Определение HTML-файла

Первый тэг, который должен находиться в любом HTML-документе – это <HTML></HTML>.

Этот тэг указывает на то, что данный документ действительно содержит в себе HTML-текст. Все, что вы напишите в своем документе, должно находиться внутри этого тэга:

<HTML>

. . .
Текст документа
. . .

</HTML>

 

 

Когда вы указали, что ваш документ действительно содержит команды HTML, вы должны разбить документ на две части – заголовок и собственно текст.

6. Определение заголовка

Определение заголовка должно содержаться внутри тэга <HEAD></HEAD>, т.е. документ будет выглядеть так:

<HTML>

<HEAD>

Служебная информация
 

</HEAD>
. . .
Текст документа
. . .

</HTML>

 

В разделе описания заголовка можно указать заглавие документа, для этого используется тэг <TITLE></TITLE>. Когда браузер встречает этот тэг, он отображает все, что находится внутри него, как заглавие. Вот пример того, как используется данный тэг:

<HTML>

<HEAD>

Служебная информация
<TITLE>
Информация об имени страницы
</TITLE>

</HEAD>
. . .
Текст документа
. . .

</HTML>

7. Определение тела документа

 Весь остальной HTML-документ, включая весь текст, содержится внутри тэга <BODY></BODY>.

Теперь наш документ выглядит примерно так:

<HTML>

<HEAD>

Служебная информация
<TITLE>
Информация об имени страницы
</TITLE>

</HEAD>
<BODY>

Основная часть документа

</BODY>

</HTML>

 

Несмотря на то, что присутствие этих трех тэгов предусмотрено стандартом, большинство браузеров может отобразить документ даже при их отсутствии. Однако следует приучить себя всегда указывать эти тэги – и вам не придется беспокоиться, если в будущем вам потребуется отредактировать этот документ, когда эти тэги станут необходимы.


Оглавление                              
Введение 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16