Атрибуты HTML
Атрибут HTML определяет характеристики любого HTML-элемент . Эти атрибуты предоставляют браузеру дополнительную информацию об элементе, например, его размере, цвете, поведении и т. Д.
Некоторые важные моменты, касающиеся атрибутов HTML:
- Атрибуты предоставляют дополнительную информацию об элементе.
- Атрибуты всегда указываются в начальном теге.
- Атрибуты обычно представлены парами имя / значение, например: name = "value".
-
Пример -
'src'в<img>теге ИЛИ'href'в<a>теге и т. Д.
Атрибут языка HTML
'lang'
Атрибут объявлен в первом
<HTML>
теге.
Он предоставляет браузеру информацию об основном языке, используемом в html-документе.
Хотя использовать его необязательно, но его использование является хорошей практикой.
lang
атрибута для разных языков из
здесь
.
<!DOCTYPE html>
<HTML lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Lang Attribute </title>
</head>
<body>
<p> This page is using English Language. </p>
</body>
</html>Выход
На этой странице используется английский язык.
Атрибут заголовка HTML
Title
Атрибут используется для задания всплывающей подсказки.
Эта всплывающая подсказка может быть важной информацией в текстовой форме.
Часто отображается, когда курсор наведен на элемент или когда элемент загружается.
Добавление всплывающих подсказок с использованием
Title
атрибута - это разумный способ дать краткие объяснения некоторых элементов на веб-странице.
Посмотрите на пример ниже, чтобы увидеть, как вы можете использовать его с любым тегом HTML.
<!DOCTYPE html>
<HTML lang="en">
<head>
<meta charset="UTF-8">
<title> The Title Attribute </title>
</head>
<body>
<h3 title= "Hello HTML"> The Example of Title Attribute </h3>
</body>
</html>Выход
ВОЗ была основана в 1948 году.
CodeRepublics.com
Атрибут HTML Src
src
Или (источник) атрибут используется с
<img>
тегом.
Этот атрибут позволяет нам указать путь к изображению, которое будет включено на веб-страницу.
он также используется с
<audio>
тегом,
<video>
тегом,
<embed>
тегом и т. д., чтобы добавить исходный путь к файлу, который нужно включить.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Image Alt Attribute </title>
<body>
<img src="HTML-Image.png" alt="HTML5 Image" style="width:400px; height:250px;">
</body>
</html>Атрибут alt HTML
alt
Атрибут определяет альтернативный текст для изображения.
Если каким-то образом браузер не может отобразить изображение, то будет отображен альтернативный текст, который предоставит информацию об изображении.
Кроме того, значение
alt
атрибута может считываться программами чтения с экрана, что помогает слабовидящим людям «слышать» информацию об изображении.
Если браузер не может найти изображение, он отобразит значение атрибута alt:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Image Alt Attribute </title>
<body>
<img src="HTML-Image.png" alt="HTML5 Image" style="width:400px; height:250px;">
</body>
</html>Выход
Атрибут стиля HTML
style
Атрибут используется для указания внутреннего стиля элемента, то есть, он определяет CSS стиль элемента ,
как цвет, шрифт, размер, тени и
т.д.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Inline Styles </title>
</head>
<body>
<h4 style="color:green"> This is Green Color </h4>
<h4 style="color:blue"> This is Blue Color </h4>
</body>
</html>