Для начала хочу пояснить, что любой документ HTML состоит из так называемых тегов, при помощи которых и собрана вся интернет страница. Тэг – единица HTML-кода. К примеру, <TITLE>, ,<HTML>,<HEAD> - все это и есть теги. Различают закрывающие и открывающие теги. Примеры открывающих тегов были представлены немного выше, что касается закрывающих, то сюда можно отнести: </TITLE>,</HTML>, </HEAD> и т.д.
Структура построения самого простого документа HTML может выглядеть следующим образом:
<HTML> |
Перепечатайте представленный код и сохраните его, например как UROK1.HTM. В имени файла должны быть использованы латинские буквы и цифры, а расширение должно иметь вид: ИМЯ.HTML или ИМЯ.HTM. Далее запускаем Интернет браузер и при помощи него открываем созданный нами файл.
Теперь, давайте более детально разберем каждый тег.
Абсолютно любая HTML страница должна начинаться с использованием тега <HTML> и заканчиваться, соответственно, закрывающим тегом </HTML>. Такое построение позволяет программе-обозревателю «понять», что перед ним действительно документ HTML, а не, к примеру, файл с расширением MP3 или GIF (музыка/картинка соответственно).
Далее можно увидеть тег <HEAD>. Все, что расположено между таким тегом, представляет собой служебные данные. Разумеется, они не отображается на самом документе, однако выполняют определенные функции и предназначены для поисковых систем. Такая информация содержит в себе: ключевое слово страницы, ее имя, данные о авторе, а также много других важных сведений, с которыми мы разберем немного позже.
Следующим тегом является <TITLE>. Именно он определяет название документа, которое отображается в верхнем левом углу открывшегося окна. К примеру, название данной страницы:
<<Структура простого html документа. >>.
Её я представил так:
<TITLE>Структура простого html документа. </TITLE>
Теперь идет закрывающий тег </TITLE>, который «сообщает» о том, что название страницы закончилось. После этого следует еще один закрывающий тег </HEAD>, свидетельствующий, что служебная информация закончена.
Следует отметить: между открывающим <BODY> и закрывающим </BODY> тегом располагается та информация, которую мы видим после открытия страницы в браузере (то есть, картинки, текст и тд.). В существующем у нас HTML коде:
<HTML> |
Этот текст имеет вид: <<ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ >>.
Ну и в завершении, как было сказано немного ранее, размещен закрывающий тег - </HTML>. Он информирует о завершении документа.
В схематическом виде, наша HTML страница выглядит следующим образом:
|
Ознакомится с тем, какой вид будет иметь получившееся в результате страница, можно перейдя по этой ссылке:<<Пример_1>>