Списки HTML
Важнейшим элементом при создании сайтов являются списки. Прежде чем приступить к изучению списков HTML мы поговорим с Вами, а что же такое список? Список - это некоторая последовательность идущих друг за другом элементов. Например: думаю, каждый из Вас составлял список для похода в магазин, где Вы указывали что Вам необходимо приобрести, для того чтобы не упустить какую-либо вещь. Примерно то же самое присутствует и в HTML тегах.
В языке HTML существует две разновидности списков: 1) Ненумерованные списки, 2) Нумерованные списки. Начнем с первого, и наиболее часто используемого, ненумерованных списков. Итак, для того чтобы создать такой список нам необходимо прописать следующий HTML код:
<html>
<head>
<title>Списки HTML</title>
</head>
<body>
<ul>
<li>
<p>Первый элемент в списке</p>
</li>
<li>
<p>Второй элемент в списке</p>
</li>
<li>
<p>Третий элемент в списке</p>
</li>
</ul>
</body>
</html>
Результат выполнения данного кода будет следующим:
Разберем код, который мы написали. Первое, что мы видим, это тег <ul>, данный тег открывает список. В этот тег вложены элементы <li>, которых в нашем случае три. Данные элементы и являются элементами списка, в которые мы может вкладывать множество других тегов, но в качестве примера мы вложили туда лишь один тег <p>, в который добавили немного текста, чтобы было нагляднее рассматривать данный пример.
Рассмотрим нумерованный список, он аналогичен предыдущему примеру, но есть некоторые отличия, напишите у себя следующий код:
<html>
<head>
<title>Списки HTML</title>
</head>
<body>
<ol>
<li>
<p>Первый элемент в нумерованном списке</p>
</li>
<li>
<p>Второй элемент в нумерованном списке</p>
</li>
<li>
<p>Третий элемент в нумерованном списке</p>
</li>
</ol>
</body>
</html>
После выполнения данного кода видим в браузере следующее:
Отличие кода, как видите всего лишь в одном теге, который отвечает за нумерованный список, тег <ol>, остальные элементы аналогичны предыдущему примеру. Поведем небольшой итог. Сегодня мы изучили два вида списков, которые присутствуют в языке HTML, отличие которых заключается лишь в том, что ненумерованный список отображает свои элементы при помощи точки, а нумерованный в виде цифр (я приводил пример списка, с которым мы ходим в магазин). Списки при создании сайтов применяются во многих случаях. Довольно частый пример, это создание меню, как вертикального, так и горизонтального. А на этом мы завершим эту статью, надеюсь, вы будете использовать полученные сегодня знания на практике.
