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 следующем уроке мы изучим теги, относящиеся к форматированию текста.

Читайте также:

Создано: 09.02.2020.|Обновлено: 15.12.2022.