litceysel.ru
добавить свой файл
1
5 Основы создания web-страниц средствами языка разметки гипертекста HTML



Цель работы: изучение основ языка разметки гипертекста HTML и приобретение практических навыков создания HTML-документов.


5.1 Общие сведения о языке разметки гипертекста


Основой разработки веб-страниц является язык HTML (HyperText Markup Language – язык разметки гипертекстов). Этот язык появился вместе с технологией WWW в 1989 году. Сама идея гипертекста появилась несколько ранее, она была предложена американским социологом, философом и первооткрыватель в области информационных технологий Тедом Нельсоном в 1965 году.


Веб-страницы могут разрабатываться в простейшем текстовом редакторе или при помощи специализированных программ. Просматриваются страницы в браузере. Обычно файлам страниц присваиваются разрешения «.htm» или «.html». Совокупность единых по тематике, оформлению и физическому расположению веб-страниц называется веб-сайтом.


Основной структурной единицей языка HTML является тег (от англ. tag – маркер). Теги делятся на контейнеры и не контейнеры. Контейнер определяет, каким образом должен быть интерпретирован тот или иной текст, располагающийся в этом контейнере. Начало интерпретируемого текста отмечается как <имя_тега>. Завершение этого текста отмечается как . При этом имена тегов в начале и завершении совпадают. Теги, не являющиеся контейнерами, не закрываются (не имеют части ) и служат для создания каких-либо эффектов.


Если при написании тегов были допущены ошибки, то просто не выполняется форматирование текста, заданного ошибочным тегом, но никаких сообщений браузер не выдает.


Теги могут иметь параметры. Параметры бывают двух видов. Первый вид можно трактовать как некоторый флаг, наличие которого требует включить некоторую характеристику, например, трехмерность. В этом случае тег выглядит следующим образом:

<имя_тега имя_параметра> (обязательно внутри скобок тега через знак «пробел»).

Второй вид параметров – параметры, имеющие значения, например, ширина=10. В этом случае тег выглядит так:


<имя_тега имя_параметра=значение> или

<имя_тега имя_параметра="значение">.


Значение заключается в кавычки, если оно включает в себя пробелы или другие символы, которые могут быть истолкованы браузером как конец значения.

5.2 Структура HTML-документа


Тег определяет границы HTML-документа (страницы), т.е. любой документ должен начинаться с и заканчиваться . В литературе часто говорится об обязательности этого тега, в то время как большинство браузеров корректно обрабатывают страницы без него.

HTML-документ можно разделить на две основные части: заголовок и тело. Заголовок документа выделяется тегом . Заголовок может включать несколько тегов. Наиболее часто используется тег . Этот тег отмечает заголовок документа. Текст, помещенный внутри этого тега, будет отображен в заголовке окна браузера.

Тело документа определяется тегом