Тема 8 Компьютерные сети Лекция 15 Язык гипертекстовой

Чаще всего элементы разметки HTML состоят из начального и конечного компонентов, между которыми размещаются текст и другие элементы документа. Имя конечного тега идентично имени начального, но перед именем конечного тега ставится косая черта (/) (например, для тега стиля шрифта — курсив закрывающая пара представляет собой ). 4

Группы тегов НТМL Все теги НТМL по их назначению и области действия можно разделить на следующие основные группы: • определяющие структуру документа; • оформление блоков гипертекста (параграфы, списки, таблицы, картинки); • гипертекстовые ссылки и закладки; • формы для организации диалога; • вызов программ. 5

2. Структура HTML-документа позволяет задействовать вложенные друг в друга контейнеры. Собственно, сам документ — это один большой контейнер, который начинается с тега и . заканчивается тегом . Они очерчивают границы документа. Контейнер HTML состоит из двух других вложенных контейнеров: заголовка документа (HEAD) и тела документа (BODY).

Содержание заголовка Содержание тела документа

Основные контейнеры заголовка — это элементы HTML-разметки, которые наиболее часто встречаются в заголовке HTML-документа. HEAD (содержит заголовок HTML-документа, данный элемент разметки не является обязательным); TITLE (служит для именования документа в World Wide Web); BASE (служит для определения базового URL для гипертекстовых ссылок документа); ISINDEX (используется для указания поискового шаблона); LINK (общие ссылки); STYLE (описатели стилей); SCRIPT (служит для размещения кода Java. Script). 8

Теги тела документа предназначены для управления отображением информации в программе интерфейса пользователя. Тело документа состоит из: • иерархических контейнеров и заставок; • заголовков (от Н 1 до Н 6); • блоков (параграфы, списки, таблицы, картинки и т. п. ); • горизонтальных линий; • текста, разбитого на области действия стилей (подчеркивание, выделение, курсив); • математических описаний, графики и гипертекстовых ссылок.

Тело документа – контейнер ВОDY Тег ВОDY имеет атрибуты: Атрибут BАСКGROUND определяет фон, на котором отображается текст документа. Так, если источником для фона HTML- документа является графический файл image. gif, то в открывающем теге тела BODY появляется соответствующий атрибут: <ВОDY ВАСКGROUND="image. gif"> Атрибут ВGCOLOR ТЕХТ VLINK Атрибуты Значение Цвет фона Цвет текста Цвет пройденных гипертекстовых ссылок Цвет гипертекстовой ссылки

Цвета Название aqua black blue fuchsia gray green lime maroon Код #00 FFFF #000000 #0000 FF #FF 00 FF #808080 #008000 #00 FF 00 #800000 Название navy olive purple red silver teal white yellow Код #000080 #808000 #800080 #FF 0000 #C 0 C 0 C 0 #008080 #FFFFFF #FFFF 00 Если в качестве атрибутов тега ВОDY указать <ВОDY ВGCOLOR=#FFFFFF ТЕХТ=#0000 FF VLINK=#FF 0000 LINK=#00 FF 00>, то цвет фона будет белым, текст будет синим, ссылки — зелеными, а пройденные ссылки станут красными.

Организация текста документа. Заголовки. В стандарте определено 6 уровней заголовков: от Н 1 до Н 6. Заголовок 1 Заголовок 2 Тег

-- тег разбиения текста на абзацы. Атрибут АLIGN позволяет выровнять текст по левому или правому краю, по центру или ширине: АLIGN=justify выравнивание по левому и правому краям. АLIGN=left выравнивание по левому краю. АLIGN=right выравнивание по правому краю. АLIGN=center центрирование текста и графики.

Теги, управляющие формой отображения. FONT – позволяет определить шрифт. Например: оформленный текст –текст "оформленный текст", задан как жирный курсив синего цвета, отображаемый шрифтом Arial, больше чем нормальный, на 2 пункта. Атрибут SIZЕ тега позволяет задавать размер текста в данной области. Атрибут СОLОR Если вы хотите сделать свою страницу более красочной, можете воспользоваться атрибутом СОLОR в теге FONТ. 13

Теги, управляющие формой отображения Тег . . . . . . . . . . . . . . . Значение Курсив (Italic) Жирный (Вold) Подчеркивание Перечеркнутый текст Увеличенный размер шрифта . . . Уменьшенный размер шрифта Подстрочные символы Надстрочные символы _{. . .} ^{. . . 14}

Создание списков в HTML. В НТМL имеются следующие виды списков: ненумерованный список, нумерованный список и список определений. Ненумерованный список — тег

• первый элемент списка
• второй элемент списка
• третий элемент списка

Нумерованный список — тег

Тег
вместе с атрибутом ТYРЕ= в HTML позволяет создавать нумерованные списки: <ОL ТYРЕ=1> Тег создает список с нумерацией в формате 1. , 2. , 3. , 4. и т. д. <ОL ТYРЕ=А> список с нумерацией в формате А. , В. . .
список с нумерацией в формате а. , b. , с. . . <ОL ТYРЕ=I> список с нумерацией в формате I. , III. . . Список определений — тег

Теги списка (

,

,

) используют для создания списка терминов и их определений. Схема использования тега следующая:

Термин

16

Определение

Горизонтальные линейки — тег <НR> Горизонтальные линии применяется для разделения документа на части. Применение тега Текст, помещенный между тегами и , мерцает. Гипертекстовые ссылки Для записи гипертекстовой ссылки используется тег <А>, который называют "якорь" (аnchor). Якорь имеет несколько атрибутов, главным из которых является НREF. Простую ссылку можно записать в виде: <А НREF= http: //www. intuit. ru/index. html> 17

Работа с таблицами и изображениями. Таблицы. Основным тегом для обозначения таблицы является