Веб-инструмент
Веб-мастерская
Веб-инструмент
Веб-мастерская
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>.
