↑ Вернуться > Основы HTML

Создание различных списков

Список- наиболее распространенный способ упорядочения любых данных. Средства языка HTML позволяют создать 4 типа списков.

  • Нумерованные списки (упорядоченные)- Web браузер автоматически отображает правильный порядок номеров элементов списка
  • Маркированные списки (неупорядоченные списки)— Все данные перечисляются в произвольном порядке. Web браузер автоматически добавляет маркер абзаца для каждого элемента списка.
  • Многоуровневые списки- это списки, содержащие вложенные в них другие списки. Web браузер автоматически форматирует списки с помощью отступов.
  • Списки определений— это списки, содержащие два разных типа абзацев. Первый абзац выравнивается по левому краю, второй по правому и между ними отступ. Таких пар абзацев может быть создано столько, сколько необходимо.

 

Фотосъёмка

Свадеб
Love-story

Ведение бухгалтерского
учета

Бухгалтерский учёт

Сайт о еде.

Основы питания
Основы здоровой пищи.

 

Сайт о еде.

Основы питания
Основы здоровой пищи.

Подготовим документы
из судебного дела

Ознакомление дел в суде

Ведение бухгалтерского
учета

Бухгалтерский учёт

 

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

Нумерованные списки. В тех случаях, когда необходимо, чтобы элементы списка размещались в строгом порядке (например, в пошаговых инструкциях, рецептах и пр.), создают нумерованные списки. Для их создания используют парные дескрипторы нумерованного списка <ol>  и вместе с ним парные дескрипторы элемента списка <li>.   Дескрипторы <ol>   и   </ol>  отмечают начало и конец текста списка в целом, а …

Смотреть страницу »

Форматирование нумерованного списка

Кроме принятой по умолчанию нумерации арабскими цифрами, можно задать другой тип нумерации для элементов упорядоченного списка. Дополнительные варианты нумерации приведены в таблице. Типы форматирования нумерованного списка. Значение Описание Пример 1 Стандартная нумерация 1,2,3…. I Нумерация прописными римскими цифрами I,II,III….. i Нумерация строчными римскими цифрами i,ii,iii….. A Нумерация прописными латинскими буквами A,B,C…. a Нумерация строчными латинскими …

Смотреть страницу »

Изменение начального номера

Атрибут start , применяемый к дескриптору <ol>, позволяет изменить порядок нумерации списка. Если вам необходимо выбрать номер начального элемента списка, отличный от 1, то присвойте атрибуту start любое необходимое значение. Такая ситуация возникает когда нумерованный список приходится прерывать фрагментами обычного текста (примерами, пояснениями и т.д.) Например: <ol type=»1″ start=»4″> <li> Японская кухня</li> <li> Русская кухня</li> …

Смотреть страницу »

Маркированные списки

Маркированные списки. Если последовательность текстовых элементов не имеет особого значения, используют маркированные списки. Помечают каждый элемент списка маркерами — кружщочками или квадратиками. Для создания таких неупорядоченных списков используют дескрипторы <ul> </ul> и  <li> </li>.  Например: <ul> <li> Японская кухня</li> <li> Русская кухня</li> <li> Европейская кухня</li> </ul> Вот, что получилось: Японская кухня Русская кухня Европейская кухня С помощью атрибута type, …

Смотреть страницу »

Создание многоуровневых списков

Многоуровневыми списками удобно пользоваться для конкретизации определенных сведений, выделяя их списком нового уровня. Создать многоуровневый список, зная дескрипторы, описывающие нумерованные и маркированные списки, очень просто. Главное, набирая текст многоуровневого списка, правильно отмечать вложенные списки (а лучше выделять их небольшим отступом), чтобы самому впоследствии не запутаться. Например: <h4>Меню </h4> <ol> <li>Фрукты</li> <ul > <li>Банан</li> <li>Ананас</li> </ul> …

Смотреть страницу »

Списки определений

Данный тип списков, широко используется при форматировании текстов толковых словарей, в которых выделяются блоки определенных понятий и блоки, объясняющие смысл указанных понятий. Чтобы создать такой список, необходимо воспользоваться следующими дескрипторами: парой дескрипторов <dl> и  </dl> которые ограничивают весь список парой дескрипторов <dt> и  </dt> которые ограничивают определения , требующие толкования парой дескрипторов <dd> и  </dd> …

Смотреть страницу »

Отступы от левого поля

Можно создать абзац, начинающийся с определенного отступа от левого поля. Для этого нужно создать маркированный список, не указывая никаких элементов списка. Тогда все строчки абзаца будут начинаться после отступа от левого поля, равного приблизительно половине дюйма (-1,3 см). Например, запишем такой код. <h4> Напитки из растений </h2> <ul> Фруктовые соки, кофе, чай, какао, шоколад. Это …

Смотреть страницу »

Отступы от левого и правого полей.

Чтобы задать для конкретного абзаца отступ не только от левого края, но и одновременно дополнительный отступ от правого края, используют дескрипторы <blockquote>   и  </blockquote>. Благодаря этим дескрипторам создается так называемый блок цитат, четко выделенных на фоне остального текста странице. Ограничений на объем текста , включаемый в блок цитат , нет. Например: <h4> Афоризмы, цитаты и крылатые …

Смотреть страницу »

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *