рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

Нумерованные списки

Нумерованные списки - раздел Программирование, Методическое пособие по созданию HTML-странички Нумерованный Список Часто Называется Упорядоченным (Ordered List...

Нумерованный список часто называется упорядоченным (Ordered List) и представляет собой определенную последовательность элементов. Для создания нумерованного списка используется тег-контейнер <OL>, внутри которого располагаются пункты перечня информационных данных, за указание которых отвечает специальный тег <LI> (List Item — пункт списка или элемент списка)

 

 


Как видно из примера, после каждого пункта списка осуществляется перенос строки, причем без указания каких-либо структурных тегов. Также следует заметить, что закрывающий тег </li> отсутствует, хотя и существует в спецификации HTML. Закрывать этот тег не обязательно.

Если заголовок списка «Нужно купить в магазине:» размещается между тегом <ol> и первым пунктом списка <li>, то заголовок разместится с отступом от левого края документа (как и все пункты списка) и на расстоянии в одну строку от предыдущего текста.

При указании заголовка перед тегом <ol> браузер, интерпретируя HTML-код, создаст двойной перенос и разместит текст заголовка левее пунктов списка.

Иногда может возникнуть ситуация, когда список содержит определенный разрыв в последовательности представления пунктов (например, после пункта 3 должен идти пункт 5). Для этой цели используется специальный параметр тега <li> - VALUE

Для указания типа нумерованного списка применяется атрибут type тега<ol>. Его возможные значения приведены ниже в таблице:

Тип списка Код HTML Пример
Арабские числа <ol type="1"> <li>...</li> </ol> 1. Математика 2. Биология 3. Информатика
Прописные буквы латинского алфавита <ol type="A"> <li>...</li> </ol> A. Математика B. Биология C. Информатика
Строчные буквы латинского алфавита <ol type="a"> <li>...</li> </ol> a. Математика b. Биология c. Информатика
Римские числа в верхнем регистре <ol type="I"> <li>...</li> </ol> I. Математика II. Биология III. Информатика
Римские числа в нижнем регистре <ol type="i"> <li>...</li> </ol> i. Математика ii. Биология iii. Информатика

 

Создадим дополнительный файл Список.html и создадим в нем список фамилий группы:

 

Запустим на выполнение файл Index.html:

 

 

– Конец работы –

Эта тема принадлежит разделу:

Методическое пособие по созданию HTML-странички

Государственное бюджетное образовательное учреждение высшего профессионального образования... ПЕРВЫЙ МОСКОВСКИЙ ГОСУДАРСТВЕННЫЙ МЕДИЦИНСКИЙ УНИВЕРСИТЕТ имени... Медико профилактический факультет...

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Нумерованные списки

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

Начало работы с HTML
Перед началом работы создадим на вашем компьютере отдельную папку для будущей страницы. Например, создадим на диске D папку Страничка: D:\Страничка   Cегодня язык ра

Структура HTML-документа
Для начала следует понять, что HTML не является языком программирования, он предназначен для разметки текстовых документов (т.е. с помощью него мы размечаем текст, таблицы, картинки и т.д. на нашей

Lt;body> </body> - открывающий и закрывающий тэги тело документа
Все тэги, расположенные между <head> </head>, это что-то вроде служебной информации Некоторые тэги, вроде <br>, не требуют закрывающего тэга. Например &l

Изменение цвета и фона документа
Для изменения цвета в используются несколько вариантов представления цвета. Рассмотрим 2 из них: 1 Представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цв

Создание простейших таблиц
Основным тегом-контейнером таблицы является тег <TABLE>, который требует обязательного присутствия закрывающего тега. Любая таблица состоит из ряда (тег-контейнер <

Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • Популярное
  • Облако тегов
  • Здесь
  • Временно
  • Пусто
Теги