Создание HTML - файлов

Так как HTML -документы чисто текстовые, для создания Web - страниц можно использовать практически любой текстовый редактор, от Windows Notepad до Microsoft Word. Основным понятием языка является понятие тег - инструкция обозревателю, как отображать текст.

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

Ø <HTML> Сообщает броузеру, что документ написан на языке НТМL.

Ø <HEAD> Отмечает вводную и заголовочную части HTML-документа.

Ø <BODY> Отмечает основной текст и информацию.

Ø <ADDRESS> Содержит адрес электронной почты для получения более подробной информации об этой Web-странице.

Эти теги необходимы Web-броузеру для определения различных частей HTML-документа, но они не оказывают прямого влияния на внешний вид Web-страницы. Они необходимы для того, чтобы последующие нововведения в HTML правильно интерпретировали вашу домашнюю страницу, а также для того, чтобы она выглядела одинаково во всех Web-браузерах. Например, на вашем Web-сервере запущена программа, которая просматривает все HTML-документы и составляет их список. Она просматривает только текст, расположенный внутри тегов <HEAD>, поскольку здесь находится название документа. Таким образом, если в вашей домашней странице нет тегов <HEAD> и </HEAD>, она не будет включена в список. Так работают большинство средств поиска наиболее популярных Web-серверов. Они берут информацию из тегов <HEAD> (и других). В общем, хотя эти теги и не влияют на внешний вид домашней страницы, их следует использовать.

Теги <HTML> и </HTML>

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

Создавая новый HTML-файл, в первую очередь необходимо ввести данную пару тегов. Для этого наберите <HTML> в самом начале файла. Затем наберите его напарника </HTML>. Теперь весь текст, который появится между этими тегами, будет отмечен как текст формата HTML. Вы обратили внимание на символ “/” во втором теге? Прямая косая черта используется для обозначения закрывающих тегов. Большинство тегов HTML парные, открывающий и закрывающий, они охватывают помечаемый ими текст. Закрывающий тег в паре всегда начинается в прямой косой черты. Сейчас ваша домашняя страница выглядит так:

<HTML>

</HTML>

Теги <HEAD> и </HEAD>

Теперь введем теги <HEAD> и </HEAD>. Они отмечают ту информацию в вашем HTML-документе, которая будет служить названием.

Ввести эти теги в домашнюю страницу так же легко, как и теги <HTML>. Наберите <HEAD> на экране между тегами <HTML>, затем на следующей странице наберите его напарника – тег </HEAD>.

Теги <BODY> и </BODY>

Теги <BODY> и </BODY>, как и <HEAD>, предназначены для обозначения отдельной части HTML-документа. Текст, охваченный тегами <BODY>, является основной частью документа.

Сюда войдут большая часть текста и иная информация, составляющие основу документа. Введите в вашу Web-страницу теги <BODY> и </BODY>, и документ примет следующий вид:

<HTML>

<HEAD>

</HEAD>

<BODY>

</BODY>

</HTML>

Теги <ADDRESS> и </ADDRESS>

Теперь рассмотрим еще пару важных тегов - <ADDRESS>. Они охватывают информацию о том, к кому нужно обращаться в отношении данной страницы в том случае, если у кого-нибудь возникнут вопросы или замечания.

Теги <ADDRESS> используются для того, чтобы отделить эту информацию от основного блока. Чтобы ввести в домашнюю страницу эти теги, выполните следующие шаги:

1. Между тегами <BODY> и </BODY> наберите ваше имя и адрес электронной почты, например:

Петя Иванов-е-mail: Petr@Ivanov.com

2. Теперь введите тег <ADDRESS> на строчке выше имени и адреса.

3. Введите закрывающий тег </ADDRESS> после имени адреса (вся контактная информация может занимать несколько строк).


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: