Two Pilots - учебные странички


 

Уроки HTML

1. Теги, структура HTML документа

Теги

Команды для браузера, говорящие, как отображать текст, вставлять таблицы, изображения и другие объекты, называются тегами (от англ. tag - ярлык, признак).
Сами теги (команды) не отображаются на экране.

Имя тега пишется в треугольных скобках, например, <b> - тег, говорящий браузеру записывать весь последующий текст жирным шрифтом.
Имя тега можно записывать на любом регистре (прописными или строчными буквами), то есть <b> будет воспринято браузером так же, как и <B>.

Теги бывают парные и непарные.
Например, тег <b> говорит браузеру записывать жирным шрифтом весь последующий текст до команды </b>. В таком случае тег, дающий команду, называют открывающим, а тег, отменяющий команду, закрывающим.

Теги могут иметь параметры (или атрибуты).
Например, чтобы задать цвет шрифта, используется тег font с параметром color:
<font color=green>
- это открывающий тег, который командует браузеру с этого момента отображать шрифт зеленым (в данном примере) цветом до закрывающего тега </font>.

Некоторые параметры требуют обязательного указания их значений. Для некоторых параметров браузер использует значения по умолчанию, если другие значения не заданы.

Если тег имеет несколько параметров, то они прописываются через пробел в любой последовательности. Например:
<font color=green size=3>
<font size=3 color=green>
- две аналогичные записи открывающего тега font с параметрами color и size.

Структура HTML страниц

Любая html-страница должна содержать следующие обязательные теги:

  • html - сообщает браузеру, что страника написана на языке HTML и строчки до закрывающего тега представляют собой единый документ;
  • head - между открывающим и закрывающим тегами помещается важная информация, описывающая этот документ;
  • body - между открывающим и закрывающим тегами помещается само содержание страницы.

Таким образом HTML-документ имеет следующую структуру:

<html>

<head>
Описание документа (не отображается на самой страничке)
</head>

<body>
Содержание (отображается на страничке с учетом заданной разметки)
</body>

</html>

Head

Сам раздел не является обязательным и служит для размещения описания документа.
Если он есть, то обязательным тегом является только TITLE, содержание которого задает название документа, показываемое обычно в заголовке окна браузера.

Например, такая строчка
<TITLE>1_HTML</TITLE>
задаст название документа "1_HTML", которое в Mozilla Firefox будет отражаться в заголовке окна и на закладках (когда открыто несколько страничек):

Упражнение

На этом этапе Вы можете создать страничку.
Впишите название с помощью тега TITLE в разделе head и разместите простой текст в разделе body. Например:

<html>

<head>
<TITLE>Страничка 1</TITLE>
</head>

<body>
Моя первая html-страничка :-)
</body>

</html>

Сохраните этот текстовый файл с расширением html. Выложите в личный каталог, составьте линк (посмотреть как) и откройте Вашу страничку в браузере.

Пришлите, пожалуйста, линк на Вашу страничку на адрес группы HTML Pilot в качестве отчета о выполнении данного упражнения. Посмотреть, как подписаться...

14/02/2007, О. Панченко

- Главная страничка "Уроки HTML" -

 

Главная страничка :: Машинопись :: Mozilla Firefox :: Mozilla Thunderbird :: Total Commander ::
Local server :: ConTEXT :: Уроки HTML :: Справочный сайт (! только для пилотов) :: Отзыв