В этой статье я Вас познакомлю Вас с созданием списков в 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 у Вас уже имеется, хотя, разумеется, изучать дальше необходимо, просто уже можно потихоньку начинать создавать сайт.