Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Мелитополь 2009.docx
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
25.84 Кб
Скачать

8. Создание и форматирование маркированного списка

Тег <UL> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <UL> применяется таблица стилей, то элементы <LI> наследуют эти свойства.

Синтаксис:

<ul>  <li>элемент маркированного списка</li> </ul>

 

Закрывающий тег обязателен. К параметрам относятся:

ü Align - определяет выравнивание списка.

ü Type - устанавливает вид маркера списка.

Параметр Type устанавливает вид маркера.

Синтаксис:

<ul type="disc | circle | square">...</ul>

Для маркированного списка маркеры могут принимать один из трех видов: круг, окружность и квадрат. Значение по умолчанию – disc.

Код

Пример

<ul type="disc"> ... </ul>

  • Чебурашка

  • Крокодил Гена

  • Шапокляк

<ul type="circle"> ... </ul>

  • Чебурашка

  • Крокодил Гена

  • Шапокляк

<ul type="square"> ... </ul>

 

  • Чебурашка

  • Крокодил Гена

  • Шапокляк

9. Создание и форматирование нумерованного списка

Тег <OL> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <OL> применяется таблица стилей, то элементы <LI> наследуют эти свойства.

Синтаксис:

<ol>  <li>элемент нумерованного списка</li> </ol>

Закрывающий тег обязателен. К параметрам относятся:

ü Align - определяет выравнивание списка;

ü Start - число, с которого будет начинаться нумерованный список;

ü Type - устанавливает вид маркера списка.

Параметр Type устанавливает вид маркера.

Синтаксис:

<ol type="A | a | I | i | 1">...</ol>

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

ü заглавные латинские буквы;

ü строчные латинские буквы;

ü заглавные римские цифры;

ü строчные римские цифры;

ü арабские цифры.

Код

Пример

<o type="A"> ... </ol>

  1. Чебурашка

  2. Крокодил Гена

  3. Шапокляк

<ol type="a"> ... </ol>

  1. Чебурашка

  2. Крокодил Гена

  3. Шапокляк

<ol type="I"> ... </ol>

  I. Чебурашка

  II. Крокодил Гена

III. Шапокляк

<ol type="i"> ... </ol>

i.   Чебурашка

  ii.   Крокодил Гена

  iii.   Шапокляк

<ol type="1"> ... </ol>

  1. Чебурашка

  2. Крокодил Гена

  3. Шапокляк

10. Использование внешних и внутренних гиперссылок

Тег <A> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег <A> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.

Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения параметра href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.

Синтаксис:

<a href="URL">...</a> <a name="идентификатор">...</a>

Закрывающий тег обязателен. К параметрам относятся:

ü Href - задает адрес документа, на который следует перейти;

ü Name - устанавливает имя якоря внутри документа;

ü Target - имя окна или фрейма, куда браузер будет загружать документ;

ü Title - добавляет всплывающую подсказку к тексту ссылки.

Вывод

В этом проекте был рассмотрен язык разметки гипертекстовых  документов HTML, его основные функции свойства и параметры. Сегодня применение HTML практикуется во всех направлениях бизнеса, промышленности и образования.

HTML является самым простым, эффективным, доступным языком разметки текста для начинающих веб-мастеров.

Литература

1. http://arabatka.in.ua

2. http://genichesk.com.ua/

3. http://www.htmlbook.ru

4. Айзекс А. Dynamic HTML BHV-Санкт-Петербург 1998

5. Ганчаров А. Самоучитель HTML. Питер 2000

6. Дарнелл Р. HTML 4 Энциклопедия пользователя ДиаСофт 1999

7. Петюшкин А.В., HTML. Экспресс-курс. – СПб.: БХВ - Петербург, 2003

8. Хоумер А. Dynamic HTML Справочник Питер 1999