HTML-атрибуты
Добавить в избранное
◦ Атрибуты HTML — это специальные слова, которые предоставляют дополнительную информацию об элементах или атрибутах, являющихся модификаторами элемента HTML.
◦ Каждый элемент или тег может иметь атрибуты, которые определяют поведение этого элемента.
◦ Атрибуты всегда должны применяться с открывающим тегом.
◦ Атрибут всегда должен применяться с парой имени и значения.
◦ Имя и значения атрибутов чувствительны к регистру, и W3C рекомендует писать их только строчными буквами.
◦ Вы можете добавить несколько атрибутов в один HTML-элемент, но между двумя атрибутами необходимо оставить пространство.
Синтаксис:
<element имя-атрибута="значение">содержимое</element>
пример:
<html>
<head>
</head>
<body>
<h1>Это атрибут стиля</h1>
<p style="height: 50px; color: blue">Это добавит свойство стиля в элемент</p>
<p style="color: red">Это изменит цвет содержимого</p>
</body>
</html>
Объяснение приведенного выше примера:
<p style="height: 50px; color: blue">Это добавит свойство стиля в элемент</p>
В приведенном выше утверждении мы использовали теги абзаца, к которым мы применили атрибут стиля. Этот атрибут используется для применения свойства CSS к любому элементу HTML. Он обеспечивает высоту элемента абзаца в 50 пикселей и окрашивает его в синий цвет.
<p style="color: red">Это изменит цвет содержимого</p>
В приведенном выше утверждении мы снова использовали атрибут стиля в теге абзаца, который окрашивает его в красный цвет.
Примечание. Ниже приведены некоторые часто используемые атрибуты.
Атрибут title в HTML
Описание: Атрибут title используется в качестве текстовой подсказки в большинстве браузеров. Он отображает свой текст, когда пользователь наводит курсор на ссылку или любой текст. Вы можете использовать его с любым текстом или ссылкой, чтобы показать описание этой ссылки или текста. В нашем примере мы берем это с тегом абзаца и тегом заголовка.
С тегом <h1>:
<h1 title="Это тег заголовка">Пример атрибута title</h1>
С тегом <p>:
<p title="Это тег абзаца">Наведите курсор на заголовок и абзац, и вы увидите описание в виде всплывающей подсказки</p>
Атрибут href в HTML
Описание: Атрибут href является основным атрибутом тега привязки <a>. Этот атрибут дает адрес ссылки, указанный в этой ссылке. Атрибут href предоставляет гиперссылку, и если он пуст, то он останется на той же странице.
Пример С адресом ссылки:
<a href="https://bbcat.ru">Это ссылка</a>
Атрибут src
Атрибут src является одним из важных и обязательных атрибутов элемента <img>. Это источник изображения, которое требуется для отображения в браузере. Этот атрибут может содержать изображение в том же или другом каталоге. Имя или источник изображения должны быть правильными, иначе браузер не отобразит изображение.
Пример:
<img src="whitepeacock.jpg" height="400" width="600">
Примечание. В приведенном выше примере также есть атрибуты высоты и ширины, которые определяют высоту и ширину изображения на веб-странице.
Кавычки: одинарные или двойные?
В этой главе вы видели, что мы использовали атрибут с двойными кавычками, но некоторые люди могут использовать одинарные кавычки в HTML. Таким образом, использование одинарных кавычек с атрибутом HTML также разрешено. Следующие оба утверждения абсолютно рабочие.
<a href="https://bbcat.ru">Ссылка на HTML.</a>
<a href='https://bbcat.ru'>Ссылка на HTML.</a>
В HTML5 вы также можете не использовать кавычки вокруг значений атрибутов.
<a href=https://mirjs.uz>Ссылка на HTML.</a>