Внимание! На этой странице вы найдете материал урока из архивного курса по HTML. Курс был написан в 2015, обновлен в 2024 году и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по HTML и на странице первого урока.
- Создайте маркированный список из трех пунктов
- Сделайте так, чтобы этот список был с квадратными маркерами
Ранее изучили нумерованные списки. В этом уроке познакомимся с маркированными списками. Они очень похожи.
Маркированный список в отличие от нумерованного списка имеет в начале элемента маркер, а не порядковое число. Маркер можно изменять при помощи атрибута type.
Чтобы сформировать список, используется тег <ul>, это парный тег и поэтому не забывайте его закрывать.
Каждый элемент, как и нумерованного списка, выделяется при помощи парного тега <li>. Далее пример:
<ul>
<li>Пункт</li>
<li>Пункт</li>
</ul>Отступы сверху и снизу добавляются автоматически. Вернемся к оформлению маркированного списка. Есть три аргумента (параметра) у атрибута type (он меняет стиль маркеров):
- круглые (стандартные)
type = "disc"; - окружность (внутри не закрашенные)
type = "circle"; - квадратные (закрашенный квадрат)
type = "square".
Далее рассмотрим пример создания маркированного списка с квадратными маркерами:
<ul type = "square">
<li>Пункт</li>
<li>Пункт</li>
</ul>Далее начнёте изучать акцентирование текста с помощью HTML-тегов.
Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу HTML.
