Списки в HTML

Cписки в html являются удобной формой представления данных. Например, с помощью списков полезно объединять фрагменты информации в единую структуру, описывать многошаговые процессы, представлять огравления документов. Язык HTML поддерживает нумерованные списки и ненумерованные списки. В ненумерованных, или маркированных списках для выделения элементов используются специальные символы, которые называются маркерами списка. В нумерованных, или упорядоченных списках перед элементом отображается его порядковый номер.

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

Перейдем к редактору Блокнот и создадим пустой документ.

Введем код содержащий основные теги для определения структуры HTML-документа.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Услуги компании АВС</title>
</head>

<body>
</body>
</html>

Создадим заголовки документа и его раздела.

В элемент <title> </title> введем заголовок документа Услуги компании АВС.

Ниже тега <body> введем новую строку с элементом HTML-кода, который определяет центрированный заголовок раздела документа:

<h1 align="center" style="color:#0000FF">Услуги компании</h1>

Создадим маркированный список. Подробную информацию о том, как создать список можно получить в разделе "Основы HTML", на странице Разделение на абзацы. Списки.

Для создания маркированного списка используются теги <ul></ul>, которые ограничивают список.

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

Создадим ненумерованный список ниже заголовка раздела.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Услуги компании АВС</title>
</head>

<body>
<h1 align="center" style="color:#0000FF">Услуги компании</h1>
<ul>
<li>Продажа электроники
<li>Установка и настройка нового электронного оборудования
<li>Продажа комплектующих на продоваемую электронику
<li>Ремонт электронной техники
</ul>
</body>
</html>

Сохраним документ в папке www с именем abs_serv.html.

В окне веб-браузера это будет выглядеть ТАК.

Обратите внимание, что каждый элемент списка помечен специальным маркером — темным кружком. Для создания нумерованных списков можно воспользоваться парой тегов <ol></ol>, причем элементы списка также должны начинаться тегом <li>.

назадвверхвперед
Rambler's Top100