Geum.ru

Лекция 1 "введение в дисциплину"

Вид материалаЛекция

Содержание


Главный заголовок Подзаголовок
Гипертекстовые ссылки.
Рисунки на web-страницах
Альтернативный текст
Выделение элементов текста
Создание списков
Упорядоченный список
Подобный материал:
1   ...   10   11   12   13   14   15   16   17   18

до

. Реально на экране монитора все эти заголовки отображаются шрифтами разного размера и полужирным начертанием.

Пример:

Главный заголовок



Подзаголовок




Внутри абзаца все строки отображаются

слитно, несмотря на то, что в исходном

документе они отделены




Этот текст разбит
на две строки.


Отображаемый текст будет иметь вид:

Главный заголовок

Подзаголовок


Внутри абзаца все строки отображаются слитно, несмотря на то, что в исходном документе они отделены


———————————————————————————

Этот текст разбит

на две строки.

ГИПЕРТЕКСТОВЫЕ ССЫЛКИ.

Для создания гипертекстовой ссылки (Hyper REFerence) используется код A (address) и атрибут HREF= URL-адрес. Команда имеет следующий вид:

текст ссылки

Ссылка - это текст, обозначающий документ (текст), на который ссылаются. При отображении документа броузером текст ссылки обычно подчеркивается и изображается синим цветом, а курсор при попадании на ссылку изменяет свой вид (обычно, это кисть руки с вытянутым указательным пальцем). Щелчок по ссылке приводит к переходу по заданному адресу URL (Uniform Resource Locator - универсальный указатель ресурса).


Гипертекстовые ссылки могут указывать на текст, находящийся внутри страницы, на Web- страницу или файл, находящийся на местном или любом другом Web-узле. В соответствии с этим, ссылки называют внутренним или внешними. Для внешних ссылок необходимо указывать полный адрес документа, включая название протокола и адрес Web-узла:

"http:/www/microsoft.com". Для внутренних ссылок достаточно указать только относительный путь поиска документа.


При ссылке на фрагменты текста внутри Web- страницы этот фрагмент помечается (принято называть метку якорем). Для метки якоря используют парный тег , но вместо атрибута ссылки HREF= используется атрибут NAME= . Значением этого атрибута является имя якоря - последовательность латинских букв и цифр (без пробелов и специальных символов).


Для ссылки на установленный якорь, в конце адреса URL, после имени документа, через символ (# - решетка) указывается имя якоря.

Пример:

. . . . . . . . . . . . . . . . . .



РИСУНКИ НА WEB-СТРАНИЦАХ

Иллюстрации играют важнейшую роль в оформлении Web-страниц. Сами рисунки хранятся в отдельных файлах вне документа HTML, но отображаются броузером внутри Web-страницы.

Для размещения рисунков в документе служит одиночный тег ( Image - рисунок). Этот тег содержит обязательный атрибут SRC=, значением которого является адрес URL файла изображения, записанный в абсолютной или относительной форме. При загрузке документа, рисунок также загружается и отображается в том месте документа, где расположен тег рисунка.

Изображение переносится на Web-страницу с сохранением размера. Если при компоновке изображения необходимо его перемаштабировать , нужные размеры рисунка можно задать с помощью атрибутов WIDTH= (ширина) и HEIGHT= (высота). Значения этих атрибутов определяют ширину и высоту изображения на Web-странице в пикселях.

Используя иллюстрации в документах, необходимо помнить о двух моментах. Во-первых, Web-страница может отображаться броузером, не имеющим средств для показа изображений. Во-вторых, пользователи часто отключают показ рисунков, чтобы ускорить прием документа. И в том и в другом случае желательно дать возможность узнать, что же изображено на картинке, если ее нельзя увидеть. Для этой цели предусмотрен альтернативный текст.

Альтернативный текст - это более или менее подробное описание рисунка, которое броузер может вывести вместо самого рисунка. Альтернативный текст задается в теге значением специального атрибута ALT= "альтернативный текст".


ВЫДЕЛЕНИЕ ЭЛЕМЕНТОВ ТЕКСТА

Обычно принято выделять элементы текста курсивом, полужирным шрифтом, размером. В языке HTML выделяемые фрагменты текста заключаются в парные теги и . В первом случае предполагается, что текст будет выделен курсивом, во втором случае - полужирным шрифтом. Если броузер по какой-либо причине не имеет возможности применить шрифтовые эффекты, то все равно какой-то эффект будет гарантирован.

Примеры:


Этот текст будет выделен курсивом

Более сильное выделение


Отображение текста HTML документа

Этот текст будет выделен курсивом. Более сильное выделение

СОЗДАНИЕ СПИСКОВ

При создании документов используют три типа списков:
  • упорядоченные (нумерованные);
  • неупорядоченные (маркированные);
  • списки определений.

Элементам упорядоченного списка предшествуют номера. В качестве номеров могут использоваться арабские или римские цифры, латинские буквы (как в верхнем, так и нижнем регистре).

Маркированные списки помечаются маркерами в виде черного кружка или квадратика.

Список определений состоит из определяемых терминов и соответствующих определений. Определяемый термин всегда начинается с начала строки и каким- либо образом выделяется. Определения изображаются на экране монитора с отступом от левого края.

Упорядоченный список располагается между парным тегом

    - Order List. Элементы списка заключаются между парным тегом
  1. - List Inner. Закрывающийся тег можно опустить, так как в этом случае ясно, где он должен располагаться.

    Маркированный список располагается между парным тегом