phpjsJqueryhtmlcssblog

тег <li>

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

Подробно о теге "<li>"

1. Видео о Теге "<li>".
2. Тег "<li>" - описание/синтаксис.
3. Атрибуты тега "<li>".
4. Тег "<li>" блочный или строчный
5. Тег "<li>" как убрать точки

Скопировать ссылку



Тег "<li>" - описание/синтаксис.

Тег "<li>" предназначен для использования с другими тегами :

С тегом "<ul>" - получим маркированный список.

С тегом "<ol>" - получим нумерованный список.

Тег "<li>" - синтаксис.

Тег <li> - это парный тег :


<li></li>

Пример синтаксиса тега "<li>"

Вместе с тегом "<ul>" :

<ul>

<li>Здесь текст 1</li>

<li>Здесь текст 2</li>

</ul>

• Здесь текст 1
• Здесь текст 2

Вместе с тегом "<ol>" :

<ol>

<li>Здесь текст 1</li>

<li>Здесь текст 2</li>

</ol>

1. Здесь текст 1
2. Здесь текст 2
Скопировать ссылку



Атрибуты тега "<li>".

type

Устанавливал вид маркера списка.

Аналог атрибута "type" тега "<li>" + "<ul>"..

По умолчанию :

list-style-type: disc;

Аналог атрибута "type" тега "<li>" + "<ol>"..

По умолчанию :

list-style-type: decimal;

Атрибут "value" для тега "<li>" + "<ol>".

Указывает с какого числа нужно начинать счет - пример:

Код :
<ol>
<li value="10">Здесь текст 1</li>
<li>Здесь текст 2</li>
</ol>

Результат :
10. Здесь текст 1
11. Здесь текст 2
Для тега "<li>" доступны универсальные атрибуты и события.

Скопировать ссылку



Тег "<li>" блочный или строчный

Один из поисковых запросов звучит так : "Тег "<li>" блочный или строчный"

Вы должны знать, что у тега есть свойства по умолчанию и их можно спокойно и просто узнать!

Как узнать тег "<li>" блочный или строчный

Если вы поленились посмотреть по ссылке, то... для того, чтобы узнать тег <li> "блочный или строчный"... нам потребуется... узнать тип "display"


Мышку ставим на элемент - для этой страницы - тег "<li>"

Нажимаем кнопку исследовать элемент

И во вкладке "ELEMENTS" ищем display тега "<li>" и видим:

display: list-item;

А list-item - как вы знаете - это блочный!

Нажмите, чтобы открыть в новом окне.


Скопировать ссылку



Тег "<li>" как убрать точки?

И пункт по очередному поисковому запросу: "Тег "<li>" как убрать точки?"


Самое первое - хочу спросить : зачем тег "<li>"?.

Я конечно не знаю, почему вам требуется убрать точки у тега "<li>" - непонятен смысл использования тега "<li>"?


Может просто поменять на любой другой блочный элемент, например на div, как минимум два плюса :

Пишется короче(нет "ul")

Стили дополнительные не нужны...

Ну да ладно, дело ваше... если вы еще не передумали, то:

Убираем точки у тега "<li>"!

Есть несколько способов убрать точки у тега "<li>"!


1). Убираем точки у тега "<li>"!

Для этой цели можно изменить свойство display... с "list-item" на "block"

<style>

li {

display: block;

}

</style>

2). Убираем точки у тега "<li>"!

Для этой цели можно изменить свойство "list-style-type" на "none"

<style>

li {

list-style-type: none;

}

</style>

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---