Структура html-документа HTML Hyper Text Markup Language —

Структура html-документа HTML (Hyper. Text Markup Language - язык разметки гипертекстов) Пример 1. 1. ЗАГОЛОВОК ДОКУМЕНТА ТЕЛО ДОКУМЕНТА

Оформление текста - заголовки В языке HTML существует шесть уровней заголовков: H 1 – наиболее важный – и H 6 – наименее важный. Браузеры обычно отображают более важные заголовки более крупным шрифтом. Пример 1. 5. ---//--- Заголовок Н 1 ---//--Заголовок Н 6

Пример 1. 5. (окончание) Рисунок 1. 2.

Оформление текста - абзацы Тэги

и

Пример 1. 6. (окончание) Рисунок 1. 3.

Оформление текста - форматирование , Курсив , Полужирный , С подчеркиванием _, Нижний индекс ^, Верхний индекс

, 

Пример 1. 8. (окончание) Рисунок 1. 5.

Оформление текста - списки В каждом списке должен быть один или несколько элементов. Списки могут содержать: §Неупорядоченную информацию. §Упорядоченную информацию. §Определения. Предыдущий список не упорядочен, его можно создать с помощью тэга

. Упорядоченный список, создаваемый с помощью тэга
, может содержать информацию, в которой важен порядок. Списки определений, создаваемые с помощью тэга

, могут содержать ряд пар термин/определение (например, можно использовать для разметки диалогов).

Оформление текста - списки Для тэгов

и
атрибут type определяет параметры для браузеров. Для тэга
возможными значениями атрибута type являются disc, square и circle. Для тэга
возможные значения атрибута type приведены в следующей таблице (они учитывают регистр):

Оформление текста - списки Type 1 a A i I Стиль нумерации арабские цифры буквы нижнего регистра буквы верхнего регистра римские цифры в нижнем регистре римские цифры в верхнем 1, 2, 3, . . . a, b, c, . . . A, B, C, . . . i, iii, . . . I, III, . . .

Пример 1. 9. (окончание)

Таблицы Для создания таблиц используется тег <ТАВLЕ>. Тег <ТR> создает строку таблицы. Всё содержимое строки должно размещаться между тегами <ТR>. Внутри строки таблицы размещаются ячейки с данными. Каждая ячейка должна быть окружена тегами <ТD>. Число тегов <ТD> в строке определяет число ячеек.

Пример 2. 1. Таблица

Пример 2. 1. (окончание) Рисунок 2. 1.

Заголовки столбцов таблицы Заголовки для столбцов и строк таблицы задаются с помощью тега заголовка <ТН>. Текст, заключенный между тегами <ТН>, автоматически записывается жирным шрифтом и по умолчанию располагается посередине ячейки.

Пример 2. 2. (окончание) Рисунок 2. 2.

Заголовок таблицы Тег позволяет создавать заголовки таблицы. По умолчанию заголовки центрируются и размещаются либо над (<САРТION АLIGN=top>), либо под таблицей (<САРТION ALIGN=bottom>).

Пример 2. 3. (окончание) Рисунок 2. 3.

Атрибуты Атрибут NOWRAP При использовании атрибута NOWRAP с тегами <ТН> или <ТD> длина ячейки расширяется настолько, чтобы заключенный в ней текст поместился в одну строку. Атрибут СОLSPAN Теги <ТD> и <ТН> модифицируются с помощью атрибута СОLSPAN. Он позволяет растянуть выбранную ячейку над любым количеством других ячеек.

Пример 2. 4. (окончание) Рисунок 2. 4.

Атрибуты Атрибут ROWSPAN, используемый в тегах <ТD> и <ТН>, подобен атрибуту СОLSPAN=, только он задает число строк, на которые растягивается ячейка. Атрибут WIDТН применяется в двух случаях. Можно поместить его в тег <ТАВLЕ>, чтобы дать ширину всей таблицы, а можно использовать в тегах <ТR> или <ТН>, чтобы задать ширину ячейки или группы ячеек. Ширину можно указывать в пикселях или в процентах.

Пример 2. 5. (окончание) Рисунок 2. 5.

Атрибуты Атрибут СЕLLРАDDING Данный атрибут определяет ширину пустого пространства между содержимым ячейки и ее границами, то есть задает поля внутри ячейки.

Пример 2. 6. (окончание) Рисунок 2. 6.

Атрибуты АLIGN и VALIGN Теги <ТR>, <ТD> и <ТН> можно модифицировать с помощью атрибутов ALIGN и VALIGN. Атрибут АLIGN определяет выравнивание по горизонтали: §ALIGN=blееdleft прижимает содержимое ячейки вплотную к левому краю. §ALIGN=left выравнивает содержимое ячейки по левому краю с учетом отступа, заданного атрибутом СЕLLPADDING. §АLIGN=сеnter располагает содержимое ячейки по центру. АLIGN=right выравнивает содержимое ячейки по правому краю с учетом отступа, заданного атрибутом СЕLLPADDING.

Атрибуты АLIGN и VALIGN Атрибут VALIGN осуществляет выравнивание внутри ячейки по вертикали: §VALIGN=top выравнивает содержимое ячейки по ее верхней границе. §VALIGN=middle центрирует содержимое ячейки по вертикали. VALIGN=bottom выравнивает содержимое ячейки по ее нижней границе.

Примеры 2. 7. и 2. 8. (окончание) Рисунок 2. 7.

Примеры 2. 7. и 2. 8. (окончание) Рисунок 2. 8.

Атрибуты Атрибут BORDER Если рамка не задана, то получится таблица без линий, но пространство под них будет отведено. Того же результата можно добиться, задав <ТАВLЕ ВОRDER=0>. Атрибут CELLSPACING Атрибут СЕLLSPACING определяет ширину промежутков между ячейками в пикселях. Если этот атрибут не указан, по умолчанию задается величина, равная двум пикселям.

Примеры 2. 9. (окончание) Рисунок 2. 9.

Гипертекстовые ссылки Для записи гипертекстовой ссылки используется тег <А>, который называют "якорь" (аnchor). Пример 2. 11 <А НREF="http: //www. site. com/index. htm"> Отображаемое название гипертекстовой ссылки где значение атрибута HREF — адрес документа "index. htm" на машине "www. site. com", доступ к которой осуществляется по протоколу НТТР.

Гипертекстовые ссылки Полный адрес ресурса, доступного по протоколу HTTP, следует записывать следующим образом: Пример 2. 12 http: //user: password@domain. com: port/path/ some. html? query_string где http – протокол обмена данными; user – идентификатор пользователя; password – пароль; domain. com – доменное имя сервера; port – номер TCP-порта, на котором ведет обслуживание сервер; path – путь в корневом каталоге сервера к файлу; some. html – файл ресурса; query_string – поисковое предписание.

Гипертекстовые ссылки Другой формой использования тега <А> является определение точек внутри текста, на которые можно сослаться. Пример 2. 13 <А NАМЕ="роint"> текст Для ссылки на такую точку используют следующую форму URL: <А НREF="http: //www. site. com/index. html#роint ">Ссылка на точку роint в документе index. html

Использование графики Тегом HTML, который заставляет браузер выводить изображение, является с обязательным атрибутом SRC. Имя файла представляет собой имя выводимого графического файла. Пример 2. 14 Изображения на Web-странице могут использоваться в качестве гипертекстовых ссылок. Для этого используется тот же тег , что и для текста: Пример 2. 15