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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


0

До встречи! Успевайте всё и всегда на страницах блога Uspei.com

Плюсануть
Поделиться
Класснуть
Линкануть
Запинить

Буду благодарен, если поделитесь новостью в соцсетях


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *