Читать учебники:
HTML, CSS, JavaScript, DOM
PHP, MySQL, Apache, WordPress
Photoshop, Веб-дизайн, Flat
SEO, SMM, Landing Page

Значения атрибутов HTML

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

Атрибуты 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

Вам понравились уроки? Поддержите проект "Учебники для вебмастера"!
Можете отправить с карточки, мобильного телефона или яндекс.кошелька.
Минимальная сумма перевода 30 руб.

Категория: Статья
Статья создана: 16 Окт 2014
Статья обновлена: 5 Фев 2016

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

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

gabdrahimov.ru - сайт для веб-разработчиков
(c) При использовании материалов, ссылка на сайт обязательна
Автор: Габдрахимов Дамир Google
e-mail: gabdr0[at]ya.ru
разработка сайта - gabdr0
бесплатный PHP хостинг (без рекламы!) - Beget