Что такое атрибуты тегов и виды списков в HTML

0
769

Здравствуйте, уважаемые читатели сайта Uspei.com. Атрибут – это какой-то указатель, отличительный знак, который придает элементу какое-то свойство, что выделяет его из других. В коде html тоже есть атрибуты тегов. Сейчас у нас все абзацы одинаковые. Везде мы их просто открываем и закрываем. Никаких отличий нет. Соответственно браузер все наши абзацы отображает одинаково. Все абзацы выровнены по левому краю (по умолчанию), имеют одинаковый шрифт, цвет шрифта и т.д.

Текст без тегов html

Атрибут <align> – выравнивание текста

Если мы хотим выделить какой-то из абзацев, то мы должны задать ему атрибут тега html. Например, мы хотим выровнять какой-то абзац по центру. Это мы можем сделать с помощью атрибута align. Но просто написать этот атрибут после тега еще недостаточно. Поэтому следует после align написать знак присваивания и написать, как именно мы хотим выровнять абзац. Вот как это выглядит.

Тег выравнивания align

Вот так это выглядит в браузере

align - Вид в браузере

Данный атрибут со значением left выровнит текст по левому краю, а right – по правому.

Атрибуты <ol> и <ul> – нумерованный и неупорядоченный списки

Теперь давайте разберем, что такое списки HTML и как они формируются. Для их создания используются два основных тега <ol> (упорядоченный список) и <ul> (неупорядоченный список). Давайте создадим каждый из них.

Возьмите 4 строки любого текста и поместите их внутрь тега <ol>:

Нумерованный список

Теперь каждую строку поместите в свой тег списка <li>:

упорядоченный список

Давайте посмотрим наш созданный упорядоченный список в браузере. Упорядоченный – это значит, что он будет обладать какими-то маркерами в виде цифр, букв либо в виде еще каких-то символов.

Вид в браузере нумерованного списка

Как видим, у нас получился готовый список, пронумерованный цифрами.

Теперь второй тип списка – это неупорядоченный список. Для данного списка в качестве указателей списка используются черные маркеры.

неупорядоченный список

Элементы списка также выделяются тегами <li>. Давайте сохраним страницу и посмотрим, что у нас получилось.

Давайте как раз рассмотрим еще один пример. Создадим ненумерованный список с квадратными маркерами при помощи атрибута type . Для этого для тега <ul> пропишем атрибут type и присвоим ему значение square (квадрат).

Квадратный маркер square

Такой код скажет браузеру, что элементы списка нужно выделять квадратными маркерами.

Квадратный маркер square

Значение атрибута circle заменит квадрат на пустой круг. Пробуйте!!!

Оставьте комментарий

Пожалуйста, введите Ваш комментарий
Пожалуйста, введите Ваше имя здесь

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.