HTML Атрибуты
Урок №5
HTML-теги могут содержать один или несколько атрибутов.
Атрибуты добавляются в тег для того, чтобы информировать браузер о том, как данный тег должен отображаться в html-документе.
Каждый HTML-тег наделён собственным набором атрибутов. Некоторые атрибуты могут быть доступны для нескольких тегов, другие же могут работать только с одним.
Атрибуты расширяют возможности HTML элементов.
Атрибуты используются для определения характеристик HTML-элемента и помещается в открывающий тег элемента.
Все атрибуты состоят из двух частей − имени и значения.
Например в атрибуте href="http://webps.ru/" href является именем, а http://webps.ru/ значением.
- Имя — Это свойство, которые вы хотите установить.
Например, в параграфе <p> можно установить атрибут выравнивания (align), который можно использовать, чтобы указать выравнивание абзаца на странице.
- Значение — Это значение свойства, которое будет установлено, всегда устанавливается в кавычках.
Приведенный ниже пример показывает три возможных значений атрибута align: left, center и right.
<!DOCTYPE html>
<html>
<head>
<title>Пример атрибута - выравнивание</title>
</head>
<body>
<p align = "left">Выравнивание в лево</p>
<p align = "center">Выравнивание по центру</p>
<p align = "right">Выравнивание в право</p>
</body>
</html>
Как это будет выглядеть на странице:
Выравнивание в лево
Выравнивание по центру
Выравнивание в право
Список стандартных HTML атрибутов
Ниже представлен список стандартных атрибутов, которые присутствуют почти у всех HTML элементов:
Атрибут |
Описание |
class |
Определяет имя
класса для элемента. |
id |
Определяет уникальный
идентификатор для элемента. |
style |
Определяет стиль элемента. |
title |
Содержит дополнительную информацию об элементе
(значение данного атрибута отображается
при наведении курсора мыши на элемент). |
Четыре основных атрибута, которые могут быть использованы в большинстве элементов HTML.
- class Aтрибут используется для соединения элемента с таблицей стилей и определяет класс элемента.
- id Этот идентификатор атрибута HTML-тега и может быть использован для уникальной идентификации любого элемента HTML-страницы.
- style Этот атрибут позволяет указать правила каскадных таблиц стилей (CSS) внутри элемента.
- title Текст, отображаемый во всплывающей подсказке.
| Как и в случае с тегами, рекомендую вам всегда писать атрибуты в нижнем регистре и брать их значения в кавычки.
Всегда будьте внимательны при написании тегов, атрибутов и, особенно, их значений, так как неправильно написанные параметры браузеры просто проигнорируют.
|
Итак, на этом уроке мы познакомились с понятием тегов и их атрибутов. Ha следующем уроке мы изучим теги, относящиеся к форматированию текста.