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

Обновлено: 22.11.2017 0

Оглавление:

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

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

К оглавлению ↑

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

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

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

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

К оглавлению ↑

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

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

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

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

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

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

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

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

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