Урок 7. Работа со списками
advertisement
2013-2014 учебный год «7 ключей» РБИУ Урок 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 используется для указания того, с какого места в заданном типе нумерации вы хотите начать нумеровать свой список. Задание. 1. Открыть текстовый редактор NotePad (Блокнот) ПУСК-ВСЕ ПРОГРАММЫ-СТАНДАРТНЫЕ-NOTEPAD 2. Набрать основные теги (команды) для разметки пустого HTML- документа: <HTML> <HEAD> <TITLE>Создание списка</TITLE> </HEAD> <BODY> Текст документа </BODY> </HTML> 2013-2014 учебный год «7 ключей» РБИУ 3. Сохранить документ: 1.Вызвать диалог для сохранения в редакторе Блокнот: ФАЙЛ – СОХРАНИТЬ КАК.. 2.Настроить параметры для сохранения - выбрать место для сохранения (папка с Вашей фамилией) - указать имя и тип сохраняемого документа: List.html 4. Текст документа оформить в виде нумерованного списка следующим образом: Кратко о себе: 1. Фамилия 2. Имя 3. Отчество 4. Дата рождения 5. Место учебы 6. Класс 7. Хобби Образец записи: <OL TYPE=1> <LI>Фамилия: Иванова </LI> <LI>Имя: Анна </LI> <LI>Отчество: Ивановна </LI> <LI>Дата рождения: 1. 01. 2001 </LI> </OL> Далее оформить самостоятельно весь список. Обратите внимание, что теги <OL> и </OL> отвечают за открытие и закрытие нумерованного списка. При этом запись TYPE=1 означает, что нумерация будет арабскими цифрами. Теги <LI> и </LI> обозначают, что текст, заключенный между ними, будет размещаться с новой строки. 5. Добавить фразу на страницу: Я изучаю следующие предметы в школе «7 ключей»: Математика Русский язык Информатика ……. Список предметов самостоятельно оформить в виде маркированного списка. Примечание: Вся информация пишется между тегами <BODY> и </BODY>. 2013-2014 учебный год «7 ключей» РБИУ 6. Для своей странички установить цвет фона на выбор. 7. Строка «Кратко о себе» должна быть написана 7 шрифтом, красным цветом. 8. Строку «Я изучаю следующие предметы в школе «7 ключей» оформить в виде бегущей строки. Для создания бегущей строки используется тег <MARQUEE>. 9. Добавить понравившуюся картинку на страницу. Выравнивание оформить по правому краю, высота 100, ширина 200. 10.Закрыть редактор Блокнот: ФАЙЛ- ВЫХОД 11.Открыть созданный HTML-документ в браузере Internet Explorer: List.html
