Создание списков.
С помощью HTML можно создать 3 вида списков: нумерованные, маркированные и списки определений.
1) нумерованные |
|
|
|
||
HTML-код: |
|
|
Вид в окне броузера: |
||
|
|
||||
<OL |
START=“2“ |
TYPE=“i“> |
|
b) текст |
|
<LI>текст |
|
|
c) текст |
||
<LI>текст |
|
|
|
||
. |
|
|
|
|
|
. |
|
|
|
|
|
</OL> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
атрибут |
|
значение |
|
описание |
|
|
|
|
|
||
COMPACT |
|
- |
Вывод списка в боле компактном виде (часто игно- |
||
|
рируется броузерами) |
||||
|
|
|
|||
|
|
|
|
||
START |
|
3 |
Значение (число), с которого начинается нумерация |
||
|
|
|
|
|
|
TYPE |
|
А, а, I, i, 1 |
Задаёт тип номера |
|
|
|
|
|
|
||
VALUE |
|
всегда |
Переопределяет номер одного элемента списка |
||
|
число |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2) маркированные |
|
|
|
||
HTML-код: |
|
|
Вид в окне броузера: |
||
|
|
||||
<UL TYPE=“disc“> |
|
|
○ текст |
||
<LI TYPE=“circle“> текст |
|
■ текст |
|||
<LI TYPE=“square“> текст |
|
● текст |
|||
<LI> текст |
|
|
|
||
. |
|
|
|
|
|
. |
|
|
|
|
|
</UL> |
|
|
|
|
|
|
|
|
|
|
|
атрибут |
значение |
описание |
|
|
|
|
circle |
○ |
TYPE |
square |
■ Задаёт тип маркера |
|
disc |
● |
3) списки определений |
|
|
|
HTML-код: |
|
Вид в окне броузера: |
|
|
|||
<DL> |
|
термин 1 |
|
<DT>термин 1</DT> |
|
определение термина 1 |
|
<DD>определение термина 1</DD> |
|
термин 2 |
|
<DT>термин 2</DT> |
|
определение термина 2 |
|
<DD> определение термина 2</DD> |
|
|
|
. |
|
|
|
. |
|
|
|
</UL> |
|
|
|
Списки могут вкладываться один в другой. |
|
|
|
|
|
||
Пример. Создать список следующего вида: |
|
|
|
1. Положительные черты: |
|
|
|
|
● коммуникабельность |
|
|
|
● оптимизм |
|
|
|
● высокая обучаемость |
|
|
2. Отрицательные черты: |
|
|
|
|
● легковерность |
|
|
|
● ненадежность |
|
|
|
● быстро устаю |
|
|
HTML-код: |
|
|
|
<OL> |
|
|
|
<LI> Положительные черты: |
|
|
|
<UL |
TYPE=“disc“> |
|
|
<LI> коммуникабельность |
|
|
|
<LI> оптимизм |
|
|
|
<LI> высокая обучаемость |
|
|
|
</UL> |
|
|
|
<LI> Отрицательные черты: |
|
|
|
<UL |
TYPE=“disc“> |
|
|
<LI> легковерность <LI> ненадежность <LI> быстро устаю
</UL>
</OL>
Практическое задание 4.
1. Оформляем резюме.
За основу берем шаблон Word “Изысканное резюме“. Повторить форму возможно при использовании вложения маркированного списка в список определений.
resume.html:
СЕРГЕЙ АЛЕКСЕЕВ
ЦЕЛЬ
Менеджер, руководитель подразделения фирмы.
ОПЫТ РАБОТЫ
■ |
1990–1994, Предприятие “Башмачок“ |
Москва |
|
|
Руководитель планового отдела |
|
|
|
Введена новая система планирования. |
|
|
|
Увеличены объемы продаж на 13%. |
|
|
|
Уменьшены издержки производства на 23%. |
|
|
■ |
1985–1990 |
Предприятие “Башмачок“ |
Москва |
|
Заместитель руководителя планового отдела |
|
|
|
Увеличены объемы продаж на 7%. |
|
|
|
Организована единая компьютерная сеть. |
|
|
|
Введены в строй 4 филиала предприятия. |
|
|
■ 1980–1984, Трикотажная фабрика № 3 |
Москва |
||
|
Старший экономист |
|
|
|
Введена новая система расчетов с торговлей. |
|
|
|
Улучшена связь с поставщиками. |
|
|
|
Стажировка на головном предприятии. |
|
|
ОБРАЗОВАНИЕ
1971–1975, Институт легкой промышленности |
Москва |
Факультет: Экономика легкой промышленности. |
|
Специальность: Экономист. |
|
УВЛЕЧЕНИЯ
Компьютеры, автомобили, чтение.
2. Оформляем страницу юмора. Пять анекдотов или коротких смешных рассказов расположить один под другим и отделить один от другого горизонтальной линией, занимающей 70% экрана. У каждого анекдота или рассказа должен быть свой цвет текста.
humor.html:
Коврик для мыши выполнил недопустимую операцию и будет свернут.
Деньги не пахнут, но улетучиваются.
Больше всего жертв требует военное искусство.
Ты, работа, нас не бойся, мы тебя не тронем.