{"id":4098,"url":"\/distributions\/4098\/click?bit=1&hash=4a2746815553d402e055c9b00a2035b35e47c0edcda5fd7253d5e57f885e8ecc","title":"\u0410\u0444\u0435\u0440\u0438\u0441\u0442\u043a\u0430, \u0440\u0435\u0431\u0451\u043d\u043e\u043a \u0438 \u043f\u0430\u043d\u043a \u2014 \u0447\u0442\u043e \u043e\u0434\u0435\u0436\u0434\u0430 \u0433\u043e\u0432\u043e\u0440\u0438\u0442 \u043e \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u0436\u0430\u0445?","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"e6048338-fd6d-53fa-aaf4-387384748bf7"}
Vladimir Shaitan

Атрибуты тегов HTML

0 показов
86 открытий

Одна из важных концепций HTML это атрибуты и их значения.

<img src="./images/html-syntax.png" alt="HTML Syntax">

В примере выше мы используем тег одиночный тег <img>, для того чтобы добавить изображение на нашу страницу.

Для того чтобы сказать браузеру, какое именно изображение мы хотим показать на странице мы используем атрибут src и в качестве его значения указываем путь к файлу изображения. Таким образом браузер поймет что именно мы хотим показать на странице.

<p> <a href="https://github.com" target="_blank" title="Popup info" id="link" class="link"> Github </a> </p>

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

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

<section> <p class="paragraph" title="some additional info"> Lorem ipsum dolor sit amet. </p> <a href="https://github.com" target="_blank" class="link" title="title info"> Link to github </a> </section>

Существует 3 типа атрибутов, универсальные, уникальные и атрибуты событий.

Универсальные - атрибуты которые можно установить любому существующему тегу из пример выше можно понять что атрибуты class и title являются универсальными атрибутами. Так как мы можем их добавить любому тегу.

Уникальные - атрибуты, которые есть у определенных тегов или у определенного набора тегов. Одним из таких атрибутов является атрибут href тега <a>, а также атрибут target тега <a> тоже является уникальным.

Атрибуты событий - нужны для того связывания обработчиков событий с элементами на которых они должны срабатывать. Обработчики событий это JavaScript функции которые срабатывают при срабатывании события на элементе, например события клика по элементу.

Пример атрибута события

<p onclick="alert('Hello world!')" > <mark>Lorem ipsum dolor sit amet.</mark> </p>

Из чего состоит тег ?

#html #html5 #HTML #HTML5 #CSS #css #CSS3 #css3 #frontend #верстка #разработкасайтов #js #javascript

0
1 комментарий
Егерь
W3Schools Free Online Web Tutorials
W3Schools offers free online tutorials, references and exercises in all the major languages of the…
www.w3schools.com
Ответить
Развернуть ветку
Написать комментарий...
-6 комментариев
Раскрывать всегда
null