Структура простого html документа - Logical-Portal.Com

Добро пожаловать на форум, Гость, это ваша панель

Новые сообщения Участники Поиск Правила форума RSS

Страница 1 из 1
1

Структура простого html документа

Ник: тэка | Дата: 26.07.2011, 02:15 | Сообщение #1

По образу и подобию

Сообщения:

3060

7171

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

Code

<HTML>
<HEAD>
<TITLE>ЗАГОЛОВОК ДОКУМЕНТА</TITLE>
</HEAD>
<BODY>
ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ
</BODY>
</HTML>

Перепечатайте данный код и сохраните его например UROK1.HTM ( название файла должно состоять из латинских букв или цифр, расширение файла должно быть ИМЯ.HTM либо ИМЯ.HTML ). Затем запускаем интернет обозреватель и открываем сохраненный нами файл.

Теперь подробнее познакомимся с каждым тегом.

Любой HTML документ должен начинаться с тега и заканчиваться тегом . Это дает понять интернет обозревателю, что это действительно HTML документ, а не MP3 ( музыка ), или GIF ( картинка ).

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

Следующий тег - , он как раз и определяет название страницы. Оно отображается в самом верхнем левом угле окна. Например название этой страницы: <<Структура простого html документа. >>. Её я сделал следующим образом: <TITLE>Структура простого html документа.

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

Далее между открывающимся тегом и закрывающимся , следует информация, располагаемая на самой странице, ту которую мы видим. ( Текс, рисунки, ... ). В приведенном нами коде

Code
<HTML>
<HEAD>
<TITLE>ЗАГОЛОВОК ДОКУМЕНТА</TITLE>
</HEAD>
<BODY>
ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ
</BODY>
</HTML>

Это текст: <<ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ >>.

Ну и в конце, как говорилось ранее, закрывающийся тег . Он говорит о завершении страницы.

Схематически весь наш HTML документ будет выглядеть так:

Code

<HTML>
Начало документа.

<HEAD>
Служебная информация. ( Название страницы, ее автор, ключевые слова, и т.д. )
</HEAD>

<BODY>
Тело документа. ( Все, что видно на страничке - текс, рисунки, и т.д. )
</BODY>

</HTML>
Конец документа.