Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь КАТЕГОРИИ: АрхеологияБиология Генетика География Информатика История Логика Маркетинг Математика Менеджмент Механика Педагогика Религия Социология Технологии Физика Философия Финансы Химия Экология ТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
Практическая работа 3. Создание списков
Цель работы: ознакомится с различными типами списков, а так же со способами их составления; создание вложенных и комбинированных списков.
Методические указания Типы списков В HTML 4.0 предусмотрены возможности создания различных типов списков. Причем каждый может использоваться как самостоятельно, так и в сочетании с другими типами списков. Существует несколько типов списков (рис. 5): · упорядоченный (нумерованный) список (рис. 5); · неупорядоченный (маркированный) список (рис.5); · список определений (рис. 6).
Рис. 5
Нумерованные списки Нумерованный список создается с помощью контейнера <OL> </OL>. Каждый элемент списка определяется внутри этого контейнера с помощью тега <LI>. При создании нумерованного списка используется следующий синтаксис: < OL> < LI> 1-ый элемент списка ...... < LI> n -ый элемент списка </OL>. Каждый тег <LI> служит для определения одного элемента списка. По умолчанию элементы списка нумеруются с помощью обычных арабских цифр. Но можно сделать так, чтобы использовались различные типы букв. Существуют следующие типы нумерации упорядоченных списков: · 1 - арабские цифры · a - строчные буквы алфавита · A - прописные буквы алфавита · i - строчные римские цифры · I - прописные римские цифры Стиль форматирования списка определяется с помощью следующего синтаксиса: < OL TYPE=тип>. , Рис. 6 Маркированные списки Самым распространенным типом списка является маркированный. При создании маркированных списков используются теги <UL> и </UL>. Как и в нумерованных списках, все элементы маркированных списков определяются с помощью тега <LI>. Когда браузер встречает очередной тег <LI>, он переходит на новую строку. Чтобы изменить тип маркера для всего списка, нужно воспользоваться таким синтаксисом: < UL TYPE=тип>. А для одного элемента: < LI TYPE=тип>. Существуют следующие типы маркеров: · Disk - заполненный кружок · Square - заполненный квадратик · Circle - незаполненный кружок Списки определений Списки определений чем-то напоминают толковые словари, т.к. каждому термину соответствует абзац определения, расположенный с отступом. Это средство незаменимо в том случае, если нужно создать список элементов с их подробным описанием.
Список определений содержится в контейнере <DL> </DL>. Элементы списка определений создаются с использованием тегов <DT> и <DD>, с помощью которых отмечаются термин и его определение. Например: < DL> < DT> термин1 < DD> определение1 < DT> термин2 < DD> определение2 < /DL>. Внутри элемента <DD> могут находиться нумерованные или маркированные списки. Каждому <DT> может соответствовать несколько <DD>. Вложение и комбинирование списков При желании можно комбинировать различные типы списков, а также вкладывать их друг в друга независимо от того, к одному или к разным типам они относятся.
Порядок выполнения работы 1. Создайте файл с текстом как указанный на рис. 7 2. Сохраните файл с именем Работа 3. HTM 3. Результат представлен на рис. 8. Рис. 7
Рис. 8
Контрольные вопросы
|
|||||
Последнее изменение этой страницы: 2021-05-27; просмотров: 346; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.138.118.210 (0.008 с.) |