Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Лекция по web 2012 (Заморина).doc
Скачиваний:
14
Добавлен:
16.11.2019
Размер:
2.05 Mб
Скачать

Задание базового шрифта.

<BASEFONT SIZE =число>

SIZE =число – где число это размер шрифта 1-7 или относительный размер шрифта по отношению к базовому от –6 до +6. По умолчанию базовый шрифт равен 3. Закрывающий тег не используется.

Создание списков

Часто для оформления текста используют списки. Списки – это структуры, которые позволяют упорядочивать информацию на страницах сайтов. Списки бывают:

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

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

  • Список термин - определение или глоссарий для предоставления двухуровневых видов информации.

  • Логические списки, определяющие структуры типа меню и каталога файлов.

Тег OL

тег создания нумерованных списков (нумерация происходит автоматически)

Тег UL

тег создания маркированных списков; для пометки элемента списка используются маркеры.

 Тег LI - определяет элемент списка

<OL атрибуты>

<LI>Элемент списка 1</LI>

<LI>Элемент списка 2</LI>

………………………………

<LI>Элемент списка n</LI>

</OL>

Тег LI - определяет элемент списка

<UL TYPE = тип маркера > <LI>Элемент списка 1</LI>

<LI>Элемент списка 2</LI>

………………………………

<LI>Элемент списка n</LI>

</UL>

Атрибуты тега OL:

Атрибуты тега UL:

TYPE - вид счетчика:

Обозначение

Название

Вид

TYPE = 1

Арабский

1,2,3

TYPE = A

Буквенный в верхнем регистре

A,B,C

TYPE = a

Буквенный в нижнем регистре

A,b,c

TYPE = I

Римский в верхнем регистре

I, II, III

TYPE = i

Римский в нижнем регистре

I, ii,iii

Параметр TYPE тега UL определяет внешний вид маркера: DISK, CIRCLE, SQUARE. 

START=n - число, с которого начинается отсчет.

По умолчанию используется маркер вида DISK.

Создание остальных видов списков остаётся на самостоятельное изучение.

Ссылки в html-документах.

Главное преимущество HTML-документа состоит в возможности включения в документ ссылок на другие документы (гиперссылок). В качестве гиперссылки можно использовать текст или графику. Браузер выделяет (обычно цветом и/или подчеркиванием) слова, являющиеся ссылками. Цвет выделения ссылок устанавливается в теге BODY:

LINK - устанавливает цвет выделения ссылок.

VLINK - устанавливает цвет выделения ссылок, на которых уже побывали.

ALINK - устанавливает цвет активной ссылки.

Ссылки позволяют при помощи нажатия кнопки мыши быстро переходить от одного документа к другому не задумываясь, где находится этот документ.

Гиперссылка – средство навигации в гипертекстовом документе; с помощью гиперссылки пользователь переходит от одного узла (пункта назначения гиперссылки) к другому. Она состоит из 2 связанных фрагментов, которые именуются точками привязки. Точки привязки в зависимости от назначенных атрибутов выполняют 2 функции:

  • задание пути к объекту - гиперссылка;

  • указание на фрагмент документа, к которому будет осуществлен переход по гиперссылке - якорь.

Для создания гиперссылки используют парный тег <А>…</А>.

В общем виде точка привязки имеет следующую грамматику: <А атрибуты>[содержимое HTML]</А>

содержимое HTML – текст указатель ссылки и/или изображение.

Возможны гиперссылки:

  • на удаленный HTML-файл (внешние);

  • на некоторую точку в этом же документе (внутренние);

  • на любой файл, не являющийся HTML-документом (внешние).

Адрес документа может быть относительным (имя файла в пределах данного компьютера плюс имя метки в пределах данного файла) или абсолютным (полное имя файла с диска данного компьютера плюс имя метки в пределах данного файла).

Рассмотрим создание различных типов гиперссылок:

Атрибуты тега <А>…</А>.

href

Задаёт URL-адрес ресурса, на который должен перейти пользователь, щёлкнув по ссылке (атрибут может указывать как на внешние документы, так и на внутренний элемент данного документа).

Ссылка на внешний документ:

href=”[URL][путь к файлу]”>содержимое HTML</А>

Примеры гиперссылок:

На внешний документ primer.htm из текущего файла:

<A href=”primer.htm”>Пример</A>

Ссылка на закладку в том же документе:

href=”#Уникальное имя”>содержимое HTML</А>

Примеры гипперссылок

На закладку в том же документе:

Якорь: <А name=”Новости”>Описание новых событий</А>

Ссылка: <A href=”#Новости”>Новости</A>

Ссылка на закладку во внешнем документе:

href=”[URL][путь к файлу]#Уникальное имя”>содержимое HTML</А>

Примеры гипперссылок

На закладку во внешнем документе new.htm из текущего:

Якорь в файле new.htm : <А name=”Новости”>Описание новых событий</А>

Ссылка: <A href=”new.htm#Новости”>Новости</A>

name

данный атрибут задаёт якорь (метку или закладку), куда осуществится переход по гиперссылке. Перед именем метки ставится символ #.

name=”Уникальное имя”>[тело_ссылки]</А>

Зарезервированные ссылки:

Указание электронной почты:

href=mailto:имя@домен title=”тема_сообщения”> тело_ссылки </А>

Ссылка на письмо:

href=mailto:ivan@mtu.ru”>Пишите письма </А>

Переход к верху данной странице

href=”имя файла.htm#Top”> Текст (например: Вверх) </А>

Ссылка на верх страницы:

<A href==”new.htm#Top”>Вверх</A>