Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Web - полезные советы по веб-строительству


Компания ИнфоСтарз


Купил новое оружие всему отряду. Теперь всех злостно мочу. Вчера победил на турнире




Если у Вас есть сайт...

Бесплатный сервис на сайт
Вы можете абсолютно бесплатно разместить форму для загрузки файлов на бесплатный сервер на своем сайте.

Готовые ленты новостей
Вы можете разместить у себя на сайте информеры с последними новостями на самые разные темы.

Партнерская программа Wizards World
Размести ссылку на своем сайте и получай проценты от платежей привлеченных пользователей.


Урок - Структура простого 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>
Конец документа.




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


Вам понравилась рассылка?
(голосование возможно только из письма рассылки)
  • понравилась
  • не понравилась
  • средне



  • В избранное