15.12.2019 15:59
RenyaRakh 0 1 Источник
Атрибуты HTML предоставляют дополнительную информацию об элементе. Они используются в открывающем теге элемента.
Например: 

< div class="one">
             //some text
        </div>

Здесь class — это атрибут, который мы можем использовать для целей стилизации или любой другой цели. Есть много других таких атрибутов, которые мы опишем здесь…

Атрибут href :

атрибут href используется внутри тегов привязки и содержит адрес ссылки.

<a href="https://www.example.com">

Атрибут src:

атрибут src используется для указания адреса графического файла.

<img src="Image.jpg">

Атрибут alt:

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

<img src="Image.jpg" alt=" Good Image">

Атрибуты height and width:

height и width используются для указания высоты и ширины изображения.

<img src="Image.jpg" height="40px" width="40px">

Атрибут lang:

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

<html lang="en-us">

Атрибут style:

атрибут style используется для встроенного стиля

< div style="color:yellowgreen;">

Атрибут title:

атрибут title используется для отображения значения внутри него при наведении указателя мыши на этот элемент.

< div title="This is the div element"> 
// some text
</div>

Атрибут id:

Значение атрибута id уникально для документа. Его можно использовать для любых целей, таких как стилизация, получение элемента в JS.

Для целей стилизации:
<p id="first"> Hello World </p>

В JS:

Мы можем получить элемент с помощью id:

const anyName=document.getElementById("first");

Атрибут class:

атрибут class может использоваться для различных элементов.

<p class="one">//some text</p>
<p class="one">//some another text</p>

Затем мы можем использовать класс для целей стилизации или для любых других целей.
Мы также можем использовать его в JS

const anyName=document.getElementsByClassName("one");

Комментарии (0)