Ну а теперь давайте разберем все по порядку.
| <html> <head> <title>Моя первая страница</title> </head> <body> Получилось!!! <br/> Это моя первая страница. </body> </html> |
Все, что находится между символом «<» и « >» — это тэг. Текст, не находящийся между такими скобками < > — весь виден при просмотре в брaузере.
Тэги, как вы уже догадались, бывают разные и для разных случаев. На пример тег <br/> говорит браузеру, что надо перейти на новую строку.
В этом коде мы видим три обязательных тэга, это такие теги, которые вы всегда должны прописывать для каждой своей страницы, иначе браузер просто не поймет, как правильно отобразить страницу.
<html> — Этот тэг должен открывать документ. Если есть открывающий тэг, то должен быть и закрывающий: </html>.
Он говорит браузеру, что все, что он увидит в рамках этого тэга написано на языке html.
Дальше обозначаем голову документа тэгами:
<head>
Вся информация, которая находиться между ними является «служебной» тоесть она предназначено для поисковиков, браузеров и скриптов обработчиков. Обратите внимание, где находится предложение, заключенное в тэгах: <title> </title>. Подсказка: посмотрите на вкладку вашего браузера.
</head>
Все что расположено между тэгами <body> </body> — и есть содержимое документа, то что вы видите перед экраном монитора. Вы должны понять сам механизм работы этих тэгов, дело в том, что <тэг> </тэг> — это не просто тэг, это контейнер, который может содержать внутри себя другие тэги, текст, изображения и т.п.
Обратите внимание:
<тэг1> <тэг2> <тэг3> … </тэг3> </тэг2> </тэг1>
Только такая очередность закрывающих тэгов верна: тэг, который мы открыли первым — закрываем последним, второй – предпоследним и т.д. Другая очередность открывающих и закрывающих тэгов приведет к неправильному отображению вашего сайта в браузере.
