Логотип
  • Страница 1 из 1
  • 1
Архив - только для чтения
Структура простого HTML документа
JulikeДата: Среда, 25 Августа 2010, 20:03 | Сообщение # 1
Титул: TrueMetalHead
Группа: Администраторы форума
Сообщений: 148 постов
Репутация: 7 баллов
Статус: Offline
Прежде всего хочу пояснить что HTML документ состоит из тегов, из которых и собирается вся интернет страничка. Тэг - это единица HTML-кода. Например,<HTML>,<HEAD>,<TITLE>и так далее, все это и есть теги. Тэги бывают открывающими и закрывающими. Открывающиеся были перечислены выше. Всем им соответствуют закрывающиеся теги, например:</HTML>, </HEAD>, </TITLE>.

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

Code
<HTML>  
     <HEAD>  
         <TITLE>Заголовок документа</TITLE>  
     </HEAD>  
     <BODY>  
         Первый текст на страничке  
     </BODY>  
</HTML>

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

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

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

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

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

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

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

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

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

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

Code
<HTML>  
     <HEAD>  
         <TITLE>Заголовок документа</TITLE>  
     </HEAD>  
     <BODY>  
         Первый текст на страничке
     </BODY>  
</HTML>

Это текст который выведется на странице: Первый текст на страничке.

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

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

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

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

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


Блог об HTML, CSS и PHP — Julike.ru
 
  • Страница 1 из 1
  • 1
Поиск: