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

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

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

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

Структура самого простого HTML документа имеет следующий вид:

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

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

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

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

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

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

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

Её я сделал следующим образом:


<TITLE>Структура простого html документа. </TITLE>



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

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

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


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

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

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


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

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

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

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



Посмотреть, как будет выглядеть получившаяся страница вы можете нажав по этой ссылке: <<Пример_1>>

На этом, наш урок завершен.

| Уроки HTML. Что нужно для изучения уроков HTML? | Содержание | Задаём цвет фона страницы тег BODY BGCOLOR |

Баннер Profit-Partner.ru

Опрос
Вопрос: Ваш возраст ?
< 15
15 - 17
18 - 25
26 - 33
34 - 45
> 45
 
 
 


Яндекс цитирования
Rambler's Top100

  Copyright © 2005-2006 WCode.Ru Group