Лабораторная работа №1
Тема работы: Создание HTML-документа.
Цель работы: Научиться создавать файлы, содержащие элементы форматирования, предписанные языком HTML.
Теоретическая часть:
HTML-документ — это просто текстовый файл с расширением *.htm или *.html).
HTML (Hyper Text Markup Language) представляет собой язык разметки, используемый программистами для создания документов, не зависимых от аппаратно-программной платформы. Т.е. HTML устанавливает ряд правил (синтаксис), следуя которым программисты создают документы, пригодные для использования в различных приложениях, работающих под управлением различных операционных систем. HTML не является языком программирования, это описательный язык разметки. При создании документов с использованием HTML программисты вставляют теги (разделители) и т.н. CER в текстовый документ в качестве указателей на операции, выполняемые приложением (обычно браузером) над соответствующим текстом.
История HTML. Использование HTML началось с 1990 года. Создателями данного языка разметки были Тим Бернерс-Ли и Дэниел В. Конноли. В качестве прототипа HTML был использован SGML, являющимся метаязыком, т.е. языком, предназначенным для формального описания языков разметки. Он является стандартом ISO.
Элементы HTML. Основными элементами HTML являются:
Теги
CER
Теги – это разделители элементов текста используются для разбиения документа HTML на логические части (параграфы, заголовки, таблицы и т.п.) Теги HTML служат двум целям: они определяют структуру документа (необходимо для вывода документа на экран с помощью браузера) и используются при формировании ключевой информации для систем поиска в Web.
Наименования тегов всегда заключаются в символы «<» «>». В них помимо наименования тега могут быть использованы буквы, цифры и знаки препинания. Общая длина тега не должна превышать 72 символа (требование SGML). Имена тегов не чувствительны к регистру, т.е. <BODY> и <body> - равнозначны.
Большинство тегов состоят из так называемых старт-тегов и стоп-тегов. Старт-тег обозначает место в документе, где начинают действовать параметры тега, он может содержать в себе атрибуты тега, т.е. дополнительную информацию о содержимом элемента. Стоп-тег определяет место, на котором заканчивается действие тега. Для обозначения стоп-тега используется бек-слеш и наименование тега </BODY>.
CER (Character Entity Reference) позволяет работать с символами, имеющими специальное значение (например, «<»), которые браузеры могут неправильно интерпретировать при выводе на экран. В этом случае можно вводить эти символы при помощи специальных кодов. Эти коды состоят из символа амперсанта (&) и следующим за ним именем символа или его десятичным кодом. Заканчиваться специальный символ должен точкой с запятой.
< – знак меньше; (<)
> – знак больше; (>)
– неразрывный пробел; ( )
© – знак копирайта; (©)
& – знак амперсанта; (&)
" – знак кавычек. (")
Структура Web-страницы. Базисные элементы html
Документы, составленные с помощью языка HTML, имеют определенную стандартизированную структуру (см. рис. 1).
Рис. 1.
Для того, чтобы текстовый файл превратился в HTML-файл, поменять его расширение с ".txt" на ".html" недостаточно. Надо соблюсти "правило первой строки".
Начало страницы. Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML !DOCTYPE, которая обычно выглядит так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
Эта строка поможет браузеру определить, как правильно интерпретировать данный документ. В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 3.2, которая хоть и не отличается новизной, но, в отличие от более поздних версий, является полноценным, широко распространенным стандартом без каких-либо неопределенностей.
Начинается и завершается любая HTML-страница парой тегов <html> и </html>. Эти теги сигнализируют браузерам о том, что данная программа написана на языке HTML. Все, что находится между этими тегами, называется документом (Web-страницей, программой).