Создание основы сайта: Использование списков

Использование списков. Перейдем ко второй странице создаваемого сайта и разместим на ней список услуг, которые компания предлагает своим клиентам. Для этого откроем в текстовом редакторе файл с именем str2 . html и создадим первоначальную структуру веб-страницы. Не стесняйтесь указывать в заголовке страницы название компании - тем самым вы повышаете ее релевантность у поисковых машин.

Для создания маркированных списков, определяющих равноправные элементы, в спецификации языка HTML применяют следующие теги:
<ui>/ul> - парный тег определяет начало и конец списка перечислений;
<li> - непарный тег определяет начало элемента списка.
По умолчанию такой список маркируется жирными точками, и при необходимости можно изменить вид маркера, используя атрибут type с указанием следующих значений:
disc - точечный маркер, задаваемый по умолчанию;
circle - маркер в виде пустой окружности;
square - маркеры в виде квадратиков.
Рассмотрим примеры использования описанных тегов для организации маркированного списка услуг компании с элементом вложенного списка - выделенной строкой <ul type=circle><li> Фoбoc и Деймос - мифы и легенды. Рекомендуется включить в план посещения планеты Марс . </ul>. Строка выделена исключительно для лучшего восприятия при чтении книги.

Для формирования нумерованных списков перечисления используют аналогичный тег <ol></ol>, гдес помощью параметров его атрибута type можно задать тин нумерации:

  • 1 - арабскими цифрами (1,2,3...);
  • I - римскими цифрами (I, II, III...);
  • i - малыми римскими цифрами (i, ii, iii...);
  • А - прописными латинскими буквами (A, В, С...);
  • а - строчными латинскими буквами (а, b, с...).

Поскольку по умолчанию нумерация начинается с первого элемента списка, то с помощью атрибута start можно явно задать номер, с которого будет выполняться отсчет элементов списка. Попробуйте на примере своего макета сайта, применить теги для формирования нумерованного списка.

Тэги: поисковых, страницы, веб-страницы, стесняйтесь, заголовке, указывать, первоначальную
← Создание основы сайта: Таблицы   Создание основы сайта: Форматирование →