Создание списков на web-страничках могут применяться по Вашему усмотрению, обычно списки используются для: отображения содержания, составления какого-либо перечня или если хотите разделить текст на отдельные пункты (подпункты). Также могут использоваться для составления несложного меню сайта. Списки бываю пронумерованными или ненумерованными. Рассмотрим пример создания непронумерованного списка, сделав отдельную страничку сайта и вставив туда его код:
Откроем программу «Блокнот», создадим новый файл и наберем в нем следующий HTML-код:
<html>
<head>
<title>Содержание</title>
</head>
<body>
<h3 align=center>Содержание</h3>
</body>
</html>
Между тегами <title></title> введем заголовок документа «Содержание» и точно такой же заголовок для визуального отображения на страничке введем в тело документа между тегами <body></body>, использовав при этом теги для раздела третьего уровня <h3></h3> и выравнивание заголовка по центру атрибутом align=center.
Вставляются ненумерованные списки в web-странички с помощью тегов
<ul></ul>
в которые заключается сам список. Перед началом каждой новой строки списка вставляется одиночный тег <li>, который будет выдавать жирную точку перед началом каждого раздела. Сделаем для создания ненумерованного списка следующий код:
<html>
<head>
<title>Содержание</title>
</head>
<body>
<h3 align=center>Содержание</h3>
<ul>
<li>Введение.
<li>Создание сайта.
<li>Раскрутка сайта.
<li>Администратирование сайта.
<li>Антивирусная защита.
</ul>
</body>
</html>
теперь вставив это код в блокнот и сохраните его под именем cod.html в папку Мой сайт, просмотрим полученный результат в браузере, и увидим, что мы получили ненумерованный список вида:
Содержание
-
Введение.
-
Создание сайта.
-
Раскрутка сайта.
-
Администратирование сайта.
-
Антивирусная защита.
Каждая новая строка ненумерованного списка выделена жирной точкой, если вы хотите создать нумерованный список, то для этого необходимо использовать теги <ol></ol> вместо <ul></ul>, с заключенным между ним списком перед началом каждой строчки которого будет располагаться одиночный тег (элемент) <li>, то есть все делается по аналогии предыдущего примера.
