Урок 7. Работа со списками

☺

Организация текста внутри документа.

HTML позволяет определять внешний вид целых абзацев текста.

Абзацы можно организовывать в списки, выводить их на экран в отформатированном виде, или увеличивать левое поле.

Ненумерованные списки: <UL> ... </UL>.

Текст, расположенный между метками <UL> и </UL>, воспринимается как ненумерованный список.

Каждый новый элемент списка следует начинать с метки <LI>.

Заголовок списка.

Если ввести тег "заголовка списка" <LH>, то над списком появится заголовок с красивым отступом от левого края. Закрывающийся тег не нужен.

Атрибуты маркеров в ненумерованном списке.

Атрибут TYPE устанавливает стиль меток в данном списке.

Теги атрибута TYPE:

circle  - кружок;

disk - диск, по умолчанию;

square – квадрат.

Атрибут PLAIN  создает ненумерованные списки без маркеров.

Нумерованные списки: <OL> ... </OL>.

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

Формат нумерации.

Атрибут TYPE устанавливает формат нумерации списка.

Теги атрибута TYPE:

A - прописные буквы;

а - строчные буквы;

I - большие римские цифры;

i - маленькие римские цифры;

1 - арабские цифры; по умолчанию.

Смена порядка нумерации в списке. Атрибут START тега OL используется для указания того, с какого места в заданном типе нумерации вы хотите начать нумеровать свой список.

Задание.

НЕ нашли? Не то? Что вы ищете?
Открыть текстовый редактор NotePad (Блокнот)

ПУСК-ВСЕ ПРОГРАММЫ-СТАНДАРТНЫЕ-NOTEPAD

Набрать основные теги (команды) для разметки пустого HTML - документа:

<HTML>

<HEAD>
<TITLE>Создание списка</TITLE>
</HEAD>
<BODY>
Текст документа
</BODY>
</HTML>

3. Сохранить документ:

1.Вызвать диалог для сохранения в редакторе Блокнот:

Файл – Сохранить как..

2.Настроить параметры для сохранения

- выбрать место для сохранения (папка с Вашей фамилией)

- указать имя и тип сохраняемого документа: List. html

Текст документа оформить в виде нумерованного списка следующим образом:

Кратко о себе:

Фамилия Имя Отчество Дата рождения Место учебы Класс Хобби

Образец записи:

<OL TYPE=1>

<LI>Фамилия: Иванова </LI>

<LI>Имя: Анна </LI>

<LI>Отчество: Ивановна </LI>

<LI>Дата рождения: 1. 01. 2001 </LI>

</OL>

Далее оформить самостоятельно весь список.

Обратите внимание, что теги  <OL>  и  </OL> отвечают за открытие и закрытие нумерованного списка.

При этом запись TYPE=1 означает, что нумерация будет арабскими цифрами.

Теги <LI>  и </LI> обозначают, что текст, заключенный между ними, будет размещаться с  новой строки.

Добавить фразу на страницу: Я изучаю следующие предметы в школе «7 ключей»:
    Математика Русский язык Информатика …….

Список предметов самостоятельно оформить в виде маркированного списка.

Примечание: Вся информация пишется между тегами <BODY> и </BODY>.


Для своей странички установить цвет фона на выбор. Строка «Кратко о себе» должна быть написана 7 шрифтом, красным цветом. Строку «Я изучаю следующие предметы в школе «7 ключей» оформить в виде бегущей строки.

Для создания бегущей строки используется тег  <MARQUEE>.

Добавить понравившуюся картинку на страницу. Выравнивание оформить по правому краю, высота 100, ширина 200. Закрыть редактор Блокнот:

Файл - Выход

Открыть созданный HTML-документ в браузере Internet Explorer:

List. html