Графика, звук и видео. Активные изображения

Списки

Заголовки разных уровней.

Тэги вида < hn > ….</ hn > оформляют заключенный в них текст в виде Заголовка n -уровня. Значения n могут изменяться от 1 (самый крупный) до 6 (самый мелкий). Так же, как и тэг абзаца <p>, тэг Заголовка прерывает текстовый поток и отделяет его пустой строкой.

Тэги < h1 >, < h2 >, < h6 > могут иметь атрибут выравнивания align со значениями left, center (по умолчанию), right и justify.

HTML позволяет создавать нумерованные и маркированные списки.

Фрагмент текста, представляющий список, заключается в тэги:

< ol > ….</ ol > упорядоченный список (ordered list),

< ul > ….</ ul > неупорядоченный список (unordered list),

< dl > ….</ dl > список определений (definition list).

< menu > ….</ menu > список в виде контекстного меню

Каждый элемент списка заключается в тэги < li > ….</ li > (от английского list item).

Тэг нумерованного списка может иметь параметр type, определяющий вид нумерации, и start, задающий начальное значение первого элемента списка (независимо от типа указывается цифрой). Параметр compact – компактное межстрочное расстояние.

type=A – задает маркеры в виде прописных латинских букв;

type=a – маркеры – строчные латинские буквы;

type=I – маркеры в виде больших римских цифр;

type=i – маркеры в виде маленьких римских цифр;

type=1 – маркеры – арабские цифры (по умолчанию).

В тэгах маркированного списка параметр type указывает тип маркера: закрашенные кружочки – disc, незакрашенные кружочки – circle, закрашенные квадратики – square.

Гиперссылки

Структура гипертекстовой сети задается гипертекстовыми ссылками.

Гипертекстовая ссылка — это адрес другого HTML-документа или информационного ресурса Internet, который тематически, логически или каким-либо другим способом связан с документом, в котором ссылка определена.

Связь между HTML-документами и фрагментами документов организуется с помощью тэгов <a> …</a> (от английского anchor- якорь).

Тэг <a> употребляется в двух формах – для перехода на другой документ в его начало, или для перехода к поименованному фрагменту (якорю) того же или другого документа.

• В первом случае обязательным атрибутом является
  href =url – адрес целевого документа.

Текст и изображения, размещенные между тэгами <a> …</a>, становятся активной зоной, чувствительной к щелчку мыши, который вызывает загрузку целевого документа. Текст гиперссылки выделяется подчеркиванием и цветом, указанным как значение атрибута link тэга body, либо цветом по умолчанию.

• Во втором случае – при создании якоря (метки или закладки) фрагмента – обязателен атрибут name =#имя, где имя – идентификатор фрагмента (якоря).

В якоре также можно использовать атрибуты

target – указание окна отображения документа, “_blank” – новое окно, “_top”- новое окно без фреймов, “_self”- в то же окно,“_parent” – в родительское окно фрейма.

title – текст всплывающей подсказки при наведении на ссылку.

Пример. Пусть в документе report.htm была определена закладка:
<a name=”z3”>Глава 3</a>.

Тогда гиперссылка на эту закладку из другого документа, находящегося в этом же каталоге, будет выглядеть следующим образом:
<a href="report.htm#z3" target ="_blank" > переход к Главе 3 </a>.

Согласно схеме HTTP нотации URL, полный адрес информационного ресурса, доступного по протоколу HTTP, надлежит записывать следующим образом:

http://user:[email protected]:port/path/some.html?query_string

где
http — протокол обмена данными;
user — идентификатор пользователя;
password – пароль;
domain.ru — доменное имя сервера;
port — номер TCP-порта, на котором ведет обслуживание сервер (обычно 80);
path — путь в корневом каталоге сервера к файлу ресурса;
some.html — файл ресурса;
query_string — поисковое предписание.

Это абсолютный или полный адрес ресурса. На практике редко используют все компоненты полного адреса схемы HTTP. Чаще всего первые компоненты опускают. Например, обращение к документу в том же каталоге в гипертекстовой ссылке будет записано просто как имя данного файла:

<a href=../papers/avtor1.html?query_string>

Имя протокола, имя домена, номер порта и другие компоненты начала URL опущены. В этом случае говорят, что ссылка частично определена или неполная форма URL.
Естественно, что браузер при обращении к серверу будет восстанавливать полную форму URL, опираясь на некоторую схему по умолчанию, которая называется базовым URL. Относительным URL называют неполную форму URL, подразумевая, что адрес задается относительно некоторого базового адреса. По умолчанию в качестве базового используется URL каталога, в котором находится текущий документ. Если URL начинается с символа "." или "..", то это означает исчисление от текущего каталога. Если URL начинается с символа "/", то относительный URL берется от корня каталогов сервера.
В HTML есть элемент разметки <base>, который позволяет задать или переопределить базовый адрес.

Графические изображения.

Тэг <img> вставляет изображение в документ. Закрывающего тэга не имеет.

Обязательным атрибутом его является src = url (адрес графического файла, может быть относительным или абсолютным). Для ускорения загрузки Web-страницы с рисунками рекомендуется в тэге рисунка указывать его размеры атрибутами height и width. Это позволяет Браузеру еще до полной загрузки рисунка выполнить разметку экрана и загрузить текст. Основные необязательные атрибуты приведены в таблице.

Атрибут	Назначение атрибута
alt=текст	Альтернативный текст, выводимый в режиме Браузера без загрузки изображений
border= значение	Толщина обрамляющей рамки в пикселях
height= значение	Высота изображения в пикселях или в процентах от высоты окна Браузера
width= значение	Ширина изображения в пикселях или в процентах от ширины окна Браузера
hspace= значение	Свободное пространство слева и справа от изображения в пикселях
vspase= значение	Свободное пространство сверху и снизу от изображения в пикселях
align=значение	Выравнивание изображения по горизонтали и по вертикали. Значения задаются атрибутами top, middle, bottom. При применении этих значений вставленное изображение разрывает текстовый поток. Если заданы значения left либо right, изображение будет соответствующим образом выровнено по горизонтали, а текст будет обтекать его.

Дата добавления: 2014-10-31