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

Автор · 09:03 22.11.20180


Здравствуйте, уважаемые читатели сайта 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 (квадрат).

Смотрите также:  Жирный и курсивный текст в HTML, теги strong и em

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

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

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

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


Мы в соцсетях:0