Списки HTML

теги html

В этой статье я Вас познакомлю Вас с созданием списков в HTML.

Собственно, как и весь HTML, создание HTML списков - это дело очень и очень простое.

Давайте с Вами сейчас создадим простую HTML-страницу. Постарайтесь это сделать, не смотря вниз статьи. То есть написать основные HTML-теги самостоятельно, так как уже пора их запомнить и строчить автоматически.

Теперь поговорим о списках.

Никаких секретов я сейчас не открою, списки - это информация, расположенная в виде:

1. Элемент списка 1.

2. Элемент списка 2.

.............................

n. Элемент списка n.

Наличие нумерации зависит от типа списка: нумерованный или ненумерованный список.

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

Например, вот такой список:
<ul>
<li>Первый элемент</li>
<li>Второй элемент</li>
</ul>

Тег <li> может быть как парным, так и одиночным, то есть следующая запись также является верной и результат будет тот же:
<ul>
<li>Первый элемент
<li>Второй элемент
</ul>

Нумерованный список отличается выводом номера элемента справа от самого элемента. Правила те же самые, что и с ненумерованным списком, но только начальный тег - это тег <ol>. Закрывающий тег, соответственно, </ol>. Вот пример нумерованного списка:
<ol>
<li>Первый элемент</li>
<li>Второй элемент</li>
</ol>

Посмотрите и сравните результат в браузере. Напоследок показываю код, который у Вас должен был получиться:
<html>
<head>
</head>
<body>
<ul>
<li>Первый элемент
<li>Второй элемент
</ul>
<ol>
<li>Первый элемент
<li>Второй элемент
</ol>
</body>
</html>

Вот и вся наука о списках в HTML. Напоследок скажу, что под элементом списка может подразумеваться не только элемент в виде текста, а, вообще, говоря всё, что угодно. Например, вместо текста может быть ссылка или даже изображение. Просто само форматирование будет в виде списка.

В принципе, Вы уже можете создавать сайты на HTML, потому что элементарная база по HTML у Вас уже имеется, хотя, разумеется, изучать дальше необходимо, просто уже можно потихоньку начинать создавать сайт.