Лабораторная работа № 16 Тема: Создание простейших Web-страниц. Форматирование текста.
Теговая модель языка
Управляющие конструкции языка называются тегами. Все теги заключаются в угловые скобки <…>. Сразу после открывающей скобки помещается ключевое слово, определяющее тег, например <BODY>. Теги бывают парными и непарными. Непарные теги оказывают воздействие на весь документ. Парные теги бывают открывающими и закрывающими и воздействуют они на ту часть документа, которая заключена между ними.
Например:
<B> - открывающий тег,
</B> - закрывающий тег.
Закрытие парных тегов выполняется так, чтобы выполнялось правило вложения: если тег открыт внутри какого-то тега, то и закрываться он должен внутри этого же тега. Например:
<B><I>На этот текст воздействуют два тега</I></B>.
Эффект применения тега может видоизменяться путем добавления атрибутов. В парных тегах атрибуты могут добавляться только к открывающему тегу.
Атрибуты – это дополнительные ключевые слова, отделяемые от слова, определяющего тег и от других атрибутов пробелами и размещаемые до символа >. Иногда требуется указание значения атрибута. Значение атрибута отделяется от ключевого слова атрибута знаком «=» и заключается в кавычки. Например:
<HR ALIGN=”LEFT” >
Тег <HR > позволяет создать на странице горизонтальную линейку, а атрибут ALIGN со значением LEFT размещает ее в левой части экрана.
1.1.4 Структура документа html
Все документы HTML имеют одну и ту же структуру, определяемую фиксированным набором тегов.
Документ HTML всегда должен начинаться с тега <HTML> и заканчиваться соответствующим тегом </HTML>. Внутри документа выделяются два основных раздела: раздел заголовков и тело документа – идущие именно в таком порядке. Раздел заголовков содержит информацию, описывающую документ в целом, и ограничивается заголовками <HEAD> и </HEAD>. Раздел заголовка также содержит общий заголовок документа, ограниченный парным тегом <TITLE>.
Основное содержание размещается в теле документа, которое ограничивается парным тегом <BODY>.
Простейший правильный документ HTML, содержащий все теги, выглядит следующим образом:
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>Содержание документа</BODY>
</HTML>
В браузере Internet Explorer страница отобразится так, как показано рисунке 1.
Рисунок 1 – Вид простейшей Web-страницы
1.1.5 Функциональные элементы html
Элементы, заключенные между тегами <BODY> и </BODY> делят на блочные и текстовые. Блочные элементы относятся к частям текста уровня абзаца. Текстовые элементы описывают свойства отдельных фраз и еще более мелких частей текста. Создавая документ HTML нужно следовать основным правилам вложения элементов, а именно:
-
элементы не должны пересекаться, т.е. если открывающий тег располагается внутри элемента, то и соответствующий закрывающий тег должен располагаться внутри этого же элемента,
-
блочные элементы могут содержать вложенные блочные и текстовые элементы,
-
текстовые элементы могут содержать вложенные текстовые элементы,
-
текстовые элементы не могут содержать вложенные блочные элементы.