Что такое атрибут html

Поддержи проект!!!

Что такое атрибут, где и как применяются атрибуты в html. Какие они бывают - немного теории с примерами!

Я не пишу учебник, поэтому мне не нужно повторять и объяснять, что они пишут про атрибуты.

1. Что такое атрибут, где и как применяются
2. Вообще об html атрибутах

Скопировать ссылку

Что такое атрибут, где и как применяются

Атрибуты HTML - это зарезервированные слова, используемые внутри тега для задания ему(тегу) определенных свойств.

Для этого очень показателен тег input,

К примеру стандартный тег input и атрибутом type ="text"
Html:
<input type="text">
Результат:

Получилось поле ввода для текста.

Но если мы заменим значение атрибута

На другой, пусть это будет значение атрибута checkbox, то тег превратится совсем в другое состояние!
Html:
<input type="checkbox">
Результат:

Получилась точка подтверждения, какого-то вопроса:

Уже написано немного про атрибуты

Скопировать ссылку

Вообще об html атрибутах

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


Пример применения атрибута в html

Я хотел показать еще пример замечательного преобразования тегов.

К примеру возьмем блочный тег div:

Html:
<div>Привет мир! Этот блок див без атрибутов!</div>
Результат:

Попробуйте нажать по тексту...ничего не будет происходить!

Привет мир! Этот блок див без атрибутов!

Добавим блоку атрибут html

Теперь, следующим шагом добавим атрибут contenteditable внутрь тега div:

Html:
<div contenteditable="true">Привет мир! Этот блок див с атрибутом contenteditable!</div>
Результат:

Попробуйте теперь нажать по тексту...мы увидим трансформацию нашего блока в поле ввода!

Привет мир! Этот блок див с атрибутом contenteditable!

---

Еще никто не прокомментировал! COMMENTS+   BBcode

🞨

Загрузить свой аватар

(max ширина, высота = 200px)

Подписаться + =