списка

<html>

<head>

<title>Компания 'Торговый мир'</title>

</head>

<body>

<h1>Добро пожаловать!</h1>

<i>Мы рады приветствовать вас на сайте нашей компании ООО «Мир торговли»</i>. Уже более <u>пяти лет</u> мы занимается продажей товаров и оказанием услуг. <b>Ниже представлены списки основных позиций, которые мы рады предложить</b>.<br>

Товары:

<ul>

<li>промышленные товары</li>

<li>строительные материалы</li>

<li>одежда, обувь</li>

<li>детские игрушки</li>.

</ul><br>

Услуги:

грузоперевозки;

ответственное хранение;

юридическое консультирование.

Более подробно об ассортименте товаров и услуг вы можете узнать в нашем отделе сбыта.

</body>

</html>

Теперь сохраним выполненные изменения и откроем веб-страницу в окне Интернет- обозревателя. Результат выполненных действий показан на рис. 2.17.

Рис. 2.17.
Создание маркированного списка

Теперь нам нужно перечень предлагаемых компанией услуг представить в виде нумерованного списка. Об этом рассказывается в следующем разделе.

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

Напомним, что нумерованный список задается с помощью тегов

<
ol> </
ol>
, причем каждый элемент списка должен помечаться тегами
<li> </li>
. Теперь доработаем наш программный код так, как показано в листинге 1.4.

Листинг 1.4.
Создание нумерованного списка

<html>

<head>

<title>Компания 'Торговый мир'</title>

</head>

<body>

<h1>Добро пожаловать!</h1>

<i>Мы рады приветствовать вас на сайте нашей компании ООО «Мир торговли»</i>. Уже более <u>пяти лет</u> мы занимается продажей товаров и оказанием услуг. <b>Ниже представлены списки основных позиций, которые мы рады предложить</b>.<br>

Товары:

<ul>

<li>промышленные товары</li>

<li>строительные материалы</li>

<li>одежда, обувь</li>

<li>детские игрушки</li>.

</ul><br>

Услуги:

<ol>

<li>грузоперевозки</li>

<li>ответственное хранение</li>

<li>юридическое консультирование</li>

</ol>

Более подробно об ассортименте товаров и услуг вы можете узнать в нашем отделе сбыта.

</body>

</html>

Теперь сохраним выполненные изменения и откроем веб-страницу в окне Интернет- обозревателя. Результат выполненных действий показан на рис. 2.18.

Рис. 2.18.
Создание нумерованного списка

На рисунке видно, что между списками получился большой промежуток. Чтобы его уменьшить, можно удалить тег

<br>
, который следует после маркированного списка.

Очевидно, что для улучшения эргономических качеств веб-страницы слова

Товары
и
Услуги
лучше представить в виде заголовков – только не первого, а какого-нибудь другого уровня. Ниже приведен программный код, в котором эти слова преобразованы в заголовки второго уровня (листинг 1.5).

Листинг 1.5.
Формирование заголовков второго уровня

<html>

<head>

<title>Компания 'Торговый мир'</title>

</head>

<body>

<h1>Добро пожаловать!</h1>

<i>Мы рады приветствовать вас на сайте нашей компании ООО «Мир торговли»</i>. Уже более <u>пяти лет</u> мы занимается продажей товаров и оказанием услуг. <b>Ниже представлены списки основных позиций, которые мы рады предложить</b>.<br>

<h2>Товары:</h2>

<ul>

<li>промышленные товары</li>

<li>строительные материалы</li>

<li>одежда, обувь</li>

<li>детские игрушки</li>.

</ul>

<h2>Услуги:</h2>

<ol>

<li>грузоперевозки</li>

<li>ответственное хранение</li>

<li>юридическое консультирование</li>

</ol>

Более подробно об ассортименте товаров и услуг вы можете узнать в нашем отделе сбыта.

Добавить отзыв
ВСЕ ОТЗЫВЫ О КНИГЕ В ИЗБРАННОЕ

0

Вы можете отметить интересные вам фрагменты текста, которые будут доступны по уникальной ссылке в адресной строке браузера.

Отметить Добавить цитату