
- •1. Заголовок документа
- •2. Установка фона и цвета текста
- •3. Использование абзацев, прерывания
- •4. Установка различного начертания текста
- •5. Форматирование текста
- •6. Использование заголовков
- •7. Создание и форматирование рисунков
- •8. Создание и форматирование маркированного списка
- •9. Создание и форматирование нумерованного списка
- •10. Использование внешних и внутренних гиперссылок
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> |
|
<ol type="a"> ... </ol> |
|
<ol type="I"> ... </ol> |
I. Чебурашка II. Крокодил Гена III. Шапокляк |
<ol type="i"> ... </ol> |
i. Чебурашка ii. Крокодил Гена iii. Шапокляк |
<ol type="1"> ... </ol> |
|
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