November 6, 2023

Атрибуты HTML

  • Все элементы HTML могут иметь атрибуты
  • Атрибуты предоставляют Дополнительные сведения об элементе
  • Атрибуты всегда указываются в начальном теге
  • Атрибуты обычно поставляются в парах "имя/значение", например: name="value"

Атрибут href

HTML-ссылки определяются тегом <a>. Адрес ссылки указан в атрибуте href :

Пример:

<a href="https://teletype.in/@easy_it_training">Это ссылка</a>

Вы узнаете больше о ссылках и <a> тег далее в этих статьях

Атрибут src

HTML-образы определяются тегом <img>.

Имя файла источника изображения указывается в атрибуте src :

Пример:

<img src="img_girl.jpg">

Атрибуты ширины и высоты

Изображения в HTML имеют набор атрибутов size, который определяет ширину и высоту изображения:

Пример:

<img src="img_girl.jpg" width="500" height="600">

Размер изображения указан в пикселях: width="500", означает 500 пикселей в ширину.

Атрибут alt

Атрибут alt указывает альтернативный текст, который будет использоваться, когда изображение не может быть отображено.

Значение атрибута может быть прочитано программами чтения с экрана. Таким образом, кто-то "прослушивание" на веб-странице, например, слепой человек, может "слышать" элемент.

Пример:

<img src="img_IT.jpg" alt="Обучение IT">

Атрибут style

Атрибут style используется для указания стиля элемента, например цвета, шрифта, размера и т. д.

<p style="color:red">I am a paragraph</p>

Атрибут lang

Язык документа может быть объявлен в теге <html> .

Язык объявляется с атрибутом lang.

Объявление языка важно для приложений специальных возможностей (программы чтения с экрана) и поисковых систем:

<!DOCTYPE html>
<html lang="en-US">
<body>

...

</body>
</html>

Первые две буквы указывают язык (EN). Если есть диалект, используйте еще две буквы (US).

Атрибут Title

Здесь атрибут title добавляется к элементу <p> . Значение атрибута Title будет отображаться в виде подсказки при наведении указателя мыши на абзац:

Вид в коде:
вид на сайте:

Тоже самое будет и при наведении курсора на слово параграф,

только отображаемое слово будет(Я параграф)

Мы предлагаем: использование атрибутов нижнего регистра

Для стандарта HTML5 не требуются имена атрибутов в нижнем регистре.

Атрибут Title может быть написан с прописными или строчными буквами, например Title или Title.

W3C рекомендует строчные буквы в HTML и требует строчные для более строгих типов документов, таких как XHTML.

Одинарные или двойные кавычки?

Двойные кавычки вокруг значений атрибутов являются наиболее распространенными в HTML, но также можно использовать одинарные кавычки.

В некоторых ситуациях, когда само значение атрибута содержит двойные кавычки, необходимо использовать одинарные кавычки:

<p title='John "ShotGun" Nelson'>

Или наоборот:

<p title="John 'ShotGun' Nelson">

Глава резюме

  • Все элементы HTML могут иметь атрибуты
  • Атрибут title предоставляет дополнительную информацию о "инструмент-TIP"
  • Атрибут href предоставляет адресную информацию для ссылок
  • Атрибуты width и height предоставляют информацию о размере для изображений
  • Атрибут alt предоставляет текст для чтения с экрана