Значения атрибутов 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