Атрибуты HTML: важные атрибуты в HTML - httpdoc.ru

Атрибуты 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 Lang Attribute

На этой странице используется английский язык.


Атрибут заголовка 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>

Выход

HTML Title Attribute Example

ВОЗ была основана в 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 Image Alt Attribute Example HTML5 изображение

Атрибут стиля 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>

Выход

Inline Style

Это зеленый цвет

Это синий цвет