Найти в Дзене
LinuxUSER

HTML/CSS Часть 5: Теги <ul> и <li>

Оглавление

Я продолжаю цикл статей по созданию собственного веб-сайта в ОС Убунту

Итак, в прошлый раз мы остановились на изучении тегов <div> и <span>. Ссылка на начало:

HTML/CSS Часть 4

Рассмотрим тег маркированного списка. Этот тег применяется для создания меню. Меню можно стилизовать при помощи CSS. Для создания маркированного списка надо создать родительский тег <ul>. Затем в родительский тег надо поместить ещё один тег <li>.

Сначала откроем файл index.html в папке LinuxUSER что создали в прошлых статьях в Sublime Text 3:

-2

Теперь на примере рассмотрим эти два тега <ul> и <li>:

В теге <title> напишем "LinuxUSER создаёт маркированный список".

Выглядит это так: <title>LinuxUSER создаёт маркированный список</title>

Далее из тега <body> удалим то что писали в прошлой статье и внесём родительский тег <ul> и в него тег <li>. Напишем в родительском теге "Как делать маркированный список:". А в теге <li> напишем "Сначала пишем родительским тег". Выглядит это так:

<body>

<ul>Как делать маркированный список:

<li>Сначала пишем родительский тег</li>

</ul>

</body>

-3

Сохраним изменения комбинацией CTRL+S и откроем файл index.html в папке LinuxUSER браузером:

-4

В следующей статье подключим CSS стили:

HTML/CSS Часть 6: CSS стили