Структура html документа. Простейшая html - страничка.
Устройство простейшей HTML- пронрамми изучим на следующем примере.
Любая Web - страница начинается с тєга <HTML> и заканчивается тєгом </HTML>.
Пример 1. doc1.htm |
|
<HTML> <HEAD> < meta http-equiv = “Content-Type” content =”text/html; charset = windows-1251 “> <TITLE> Упражнение 1 </TITLE> </HEAD> <BODY> <h1> Первый HTML -- документ </h1> <hr> <p> Корова похожа на лошадь. А лошадь не похожа на корову. Имеено это сходство мы берем за основу </p> </BODY> </HTML>
|
Начало HTML - документа Начало головной части Информация о документе
Название документа Конец головной части Начало тела документа
Заголовок Горизонтальная линия Начало абзаца Абзац
Конец абзаца Конец тела документа Конец HTML - документаа
|
HTML – программа
Команды языка HTML (теги) заключаються в угловые скобки. Теги парные. Первый тег открывает описание команды, второй , отличающийся от первого наличием косой черты „/” перед ключевым словом – закрывает его.
Тег <HTML> открывает программу, а тег </HTML> - закрывает ее.
Между этими двумя основными тегами располагается головная часть программы и ее тело.
<HTML>
головная часть
тело
</HTML>
Головная часть программы
В блоке <HEAD> … </HEAD> описываются общие правила отображения HTML –документа и содержится вспомогательная информация о документе.
Команда <META > задает информацию о кодировке, в которой написан HTML - документ.( стандартная кодировка Windows ).
Между парой тегов <TITLE> располакается имя документа , которое показывается в заголовке окна браузера.
Тело программы
Между тегами <BODY> располагаются команды, следуя которым браузер выводит информацию в окно документа.
<body background= файл_картинка bgcolor=цвет>
Осрбый паркетный фон: висота - 1 пикел, ширина-1600 пикселов.
Заголовки
Разделяют информацию на отдельные логические части. Поддерживаются заголовки 6 - уровней.
<Hn>Текст заголовка </Hn> n = 1-6
Горизонтальная линия
Горизонтальная линия задается тегом <hr>. Он не имеет парного. <hr>.
Абзац
Абзацы отделяются друг от друга пустыми строками. Задается абзац тегам <p> и </p>, между которыми помещается текст. Парный тег </p> просто игнорируется браузером.
Броузер выполняет команду следующим образом:
Перед абзацем выводится пустая строка;
Абзац выравниватся по левому краю;
Между словами помещается ровно по одному пробелу независимо от того, сколько пробелов проставлено в HTML программе;
Перенос текста на новую строку происходит тогда, когда очередное слово не помещается на экранной строке, а не тогда, когда новая строка начинается в HTML –программе.
Как работает браузер