Значения атрибутов HTML
Типы значений у атрибутов HTML
Значения атрибутов

Схема HTML-тега с атрибутом и значением, выглядит следующим образом:
Схема парного тега:
<имяТега атрибут="значение"> </имяТега>
Схема одиночного тега:
<имяТега атрибут="значение">
В статье Об атрибутах HTML, мы рассмотрели виды атрибутов, существующих в языке HTML. У разных атрибутов имеются определённые типы значений, давайте рассмотрим их:
- Значения атрибутов событий,
- Значения атрибутов форматирования,
- Значения атрибутов селекторов,
- Значения атрибута стиля,
- Значения атрибутов указания пути (адреса, URL),
- Значения атрибутов описания.
Значения атрибутов событий
В качестве значений атрибута события, выступает функция или JavaScript-код, их мы будем рассматривать при изучении языка программирования JavaScript и клиентской веб-технологии DOM.
Примеры, использования значений атрибутов событий:
onclick="alert()"
— в качестве значения, выступает встроенная функция JavaScript,
onclick="myFunction()"
— в качестве значения, выступает пользовательская функция JavaScript,
onmouseover="document.getElementById('nameID').style.color='#008800';"
— в качестве значения, выступает технология DOM.
Значения атрибутов форматирования
Вместо атрибутов форматирования и их значений, сейчас используют CSS-свойства. Однако если вам всё же захочется добавить в HTML-теги атрибуты форматирования, то вы можете это сделать.
Значения атрибутов форматирования, делятся на три вида:
а) Значение размера,
б) Значение цвета,
в) Ключевое слово.
а) В качестве значений размера выступают пиксели px
или проценты %
, более подробно об этом вы можете прочитать в статье Единицы измерения в HTML
Примеры использования значений размера атрибутов форматирования:
height="100px"
— высота элемента 100 пикселей,
width="50%"
— ширина элемента 50 процентов.
б) В качестве значений цвета могут выступать слова на английском языке (например red
) или числа в шестнадцатеричном формате (например #ff0000
), более подробно об этом вы можете прочитать в статье Цвета в HTML
Примеры использования значений цвета атрибутов форматирования:
color="red"
— красный цвет шрифта, задан английским словом,
bgcolor="#ff0000"
— красный цвет фона элемента, задан в шестнадцатеричном формате,
bordercolor="green"
— зелёный цвет рамки элемента, задан английским словом.
в) В качестве значений ключевого слова выступают слова которые уже встроены в язык HTML, например right
, top
, _blank
и т.д.
Примеры использования значений ключевого слова, в атрибутах:
align="right"
— выравнивает элемент по правому краю,
valign="bottom"
— выравнивает элемент по нижнему краю,
target="_blank"
— открывает страницу в новом окне (не является атрибутом форматирования).
Значения атрибутов селекторов
В качестве значений атрибутов селекторов выступает любое слово которое можно набрать английскими буквами, более подробно об этом вы можете прочитать в статье Селекторы CSS
Примеры использования значений атрибутов селекторов:
class="имяКласса"
— значение имени селектора класса,
id="имяУникальногоИдентификатора"
— значение имени селектора уникального идентификатора.
Значение атрибута стиля
В качестве значения атрибута стиля выступает CSS-код, более подробно об этом вы можете прочитать в учебнике по языку CSS, в статье Внедрение атрибута style
Примеры использования значений атрибута style=" "
:
style="color: green;"
— присвоить шрифту зелёный цвет green
,
style="font-family: Arial;"
— присвоить шрифту имя Arial
.
Значения атрибутов указания пути
В качестве значений атрибутов указания пути (адреса) выступает адрес сайта, страницы или файла, например:
http://site.ru
— абсолютный путь,
http://site.ru/stranitsa.html
— абсолютный путь,
../stranitsa.html
— относительный путь,
/img/myPicture.html
— относительный путь.
Более подробно об адресах в HTML, а также относительных и абсолютных путях можно прочитать в статье Адреса в HTML
Примеры использования значений атрибутов указания пути:
href="http://site.ru"
— ссылка на сайт,
src="/img/myPicture.jpg"
— ссылка на файл изображения.
Значения атрибутов описания
В качестве значений атрибутов описания выступает произвольный текст описывающий тот или иной элемент страницы.
Примеры использования значений атрибутов описания:
alt="Это фотография моего кота"
— описание изображения,
title="Нажав на ссылку вы перейдёте на крутой сайт"
— описание ссылки с помощью глобального атрибута title.
Читать далее: Шпаргалка по HTML