Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


Вас может еще заинтересовать список тем : #HTML | #HTML_ATTRIBUTE |
Последняя дата редактирования : 10.01.2021 22:08
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

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

Последние комментарии :
Марат :
26/01/2021 12:28
Внимание! На странице описывается система комментирования ECOMMENT.SU.Здесь и далее, на всем сайте, стоит другая…
подробнее.
Марат :
26/01/2021 10:58
На сайте, комментирование моё собственное, которое не знаю, когда …
подробнее.
Вали :
26/01/2021 05:51
А вот эти комментарии тут - это же другие, не те о которых статья?Не…
подробнее.
Вали :
26/01/2021 05:44
Привет, классно!
подробнее.
Марат :
25/01/2021 10:08
Спасибо за добрые слова!Всегда пожалуйста!Приходите…
подробнее.