Блог Ловцовых

SEO, детальное изучение при создании сайта на WordPress

Как изменить маркер списка в HTML?

Как изменить маркер списка в HTML?

Примеры, использования разных видов маркеров для списков в языке HTML.

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

Пример #1. Вид маркера – disc.

Параметром type тега <ul> задается вид маркера списка. Если присвоить параметру type тега <ul> значение disc (<ul type=disc>), то маркер списка будет иметь вид кружочка.
Вот пример html-кода страницы, содержащей список с таким видом маркера:

<html>
<head>
<title>Маркер</title>
</head>
<body>
<p>Список</p>
<ul type=»disc»>
<li>Сентябрь</li>
<li>Октябрь</li>
<li>Ноябрь</li>
<li>Декабрь</li>
</ul>
</body>
</html>

Пример #2. Вид маркера-circle.

При присвоении параметру type html-тега <ul> значения circle, маркер списка будет иметь вид кольца.
Вот пример html-кода страницы, содержащей список с таким видом маркера:

<html>
<head>
<title>Маркер</title>
</head>
<body>
<p>Список</p>
<ul type=»circle»>
<li>Сентябрь</li>
<li>Октябрь</li>
<li>Ноябрь</li>
<li>Декабрь</li>
</ul>
</body>
</html>

Как изменить маркер списка в HTML?

Пример #3. Вид маркера-square.

Маркер списка может иметь вид квадратика, если параметру type html-тега <ul> присвоить значение square.
Вот пример html-кода страницы, содержащей такой вид маркера:

<html>
<head>
<title>Маркер</title>
</head>
<body>
<p>Список</p>
<ul type=»square»>
<li>Сентябрь</li>
<li>Октябрь</li>
<li>Ноябрь</li>
<li>Декабрь</li>
</ul>
</body>
</html>

Вот мы и рассмотрели все три вида маркеров.
Теперь Вы можете самостоятельно попробовать сделать веб-страницу со списком, применив один из трех видов маркеров.
Удачи!

Да, я хочу получать новые статьи!Ваш email адрес:

автор: Ловцова Елена

Решили мы с сыном затеять ремонт в квартире, но прежде нужно материал купить как известно. Пошли мы по магазинам, стали естественно искать где цены не кусаются, ну и нашли. Выбор здесь огромный все нужные материалы приобрели намного дешевле и даже цена на шурупы порадовали. Так что я теперь всем советую там закупать материал! 


Найти:Как изменить маркер списка HTML

Кстати тоже интересно почитать

No related posts.

 

Вы можете оставить отзыв или трекбек со своего сайта.

Ваш отзыв

Для предотвращения автоматического заполнения, пожалуйста, выполните задание, приведенное рядом.


Добавить изображение