 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Создание списков
|
|
HTML содержит специальные элементы которые позволяют представить текст в виде списков трех видов: маркированный, нумерованный и списка значений. Контейнеры списков:
<UL> – маркированный (неупорядоченный),
<OL> – нумерованный (упорядоченный),
<DL> – определение.
Заголовок списка является необязательным элементом, он формируется с помощью парного тега <LN>, например:
<LN> Заголовок списка </LN>
Содержание списка складывается из отдельных строк. Каждая строка задается одинарным тегом <LI>, например:
<LI> Содержание строки списка
Таким образом, количество элементов <LI> равно количеству строк в списке.
1.9.1 На основе приведенного ниже кода создайте новый файл, который будет демонстрировать использование маркированного списка
<HTML>
<HEAD>
<TITLE> – пример маркированного списка </TITLE>
</HEAD>
<BODY>
<UL>
<LH> – список экзаменов на зимний сессии </LH>
<LI> информатика
<LI> математика
<LI> экономика
<LI> ИТ и средства ДО
</UL>
</BODY>
</HTML>
1.9.2 Сохраните файл на диске под именем prim_6.html и откройте его в Internet Explorer.
Вы должны получить следующее изображение Web- странички:
Рис. 1.8 Пример маркированного списка.
По умолчанию маркеры отображаются в виде маленьких черных точек:
· Информатика
· Математика
Для замены вида маркера можно воспользоваться атрибутом type
Например:
<LI type = square> Информатика
- Маркером будет черный квадратик, а
<LI type = circle> Информатика
- Маркером будет незаполненное кольцо
При использовании нумерованного списка, контейнер <UL> заменяется контейнером <OL>, а атрибут type может принимать следующие стили нумерации:
Type =1 нумерация арабскими цифрами (1,2)
Type =A нумерация большими буквами англ. алфавит
Type = a нумерация прописными буквами англ. алфавит
Type = I нумерация с помощью римских цифр
Type = n Задает начальное значение номеров поточного списка.
1.9.3 Используя атрибут type, самостоятельно в файле prim_6.html выполните следующие действия:
а) переделайте две первых строки списка в список маркером в виде незаполненного круга, а две следующие строки – с маркером в виде заполненного квадрата
б) переделайте список в нумерованный римскими цифрами
Контрольные вопросы:
1. Что такое теги и их атрибуты?
2. Из каких основных элементов структуры складывается HTML - документ? Их назначение?
3. Какие атрибуты элемента <BODY> отвечают за отсутствие полей?
4. Какими способами можно задавать цвета в HTML?
5. Какие основные элементы форматирования текста и их назначение?
6. Какие значения может принимать атрибут align?
7. Какое назначение имеет элемент <PRE>?
8. Сколько значений может принимать элемент <Hx>? Какое назначение имеют его атрибуты?
9. Какое назначение имеют атрибуты элемента <FONT>?
10. Какое назначение у элементов <B>, <I>, <U>, <BIG>, <SMALL>, <TT>?
11. Какие виды списков возможны в HTML? Какими элементами они определяются?
Дата публикования: 2015-02-20; Прочитано: 178 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
