Ответ
hidden - скрывает элемент со страницы.
disabled - делает элемент неактивным (нельзя кликнуть/изменить).
readonly - только для чтения (активен, но нельзя изменить).
required - обязательное поле для форм.
autofocus - автоматический фокус на элементе при загрузке.
placeholder - подсказка в поле ввода.
alt - альтернативный текст для изображений.
src - путь к ресурсу (img, script и т.д.).
href - ссылка для тега <a>.
target - где открыть ссылку (_blank - в новой вкладке).
Пример:
<input type="text" placeholder="Введите имя" required autofocus>
<img src="logo.png" alt="Логотип">
<a href="https://example.com" target="_blank">Ссылка</a>Ответ 18+ 🔞
Так, слушай, давай разберем эту простыню из атрибутов, а то глаза разбегаются, блядь. Это ж как шпаргалка для тех, кто только в HTML тыкаться начал.
Вот смотри, hidden — это типа стелс-режим для элемента. Нахуярил его — и всё, элемент с концами, пользователь не увидит. Прямо как кот, который нассал в тапок и сделал вид, что это не он.
disabled и readonly — их постоянно путают, пидарасы. Запомни раз и навсегда: disabled — это полный игнор. Кнопка или поле ввода, будто в коме, нихуя не кликается и не меняется. А readonly — это как бабушкин сервиз: смотреть можно, трогать можно, а вот пользоваться — нихуя. Текст в поле виден, но изменить его нельзя. Понимаешь разницу? disabled — игнорирует тебя в хлам, readonly — просто не дает писать.
required — обязательное поле. Без него форму не отправишь. Это как охранник в клубе: либо предъявил пропуск (ввел данные), либо пошёл нахуй.
autofocus — прикольная штука. Страница только загрузилась, а курсор уже мигает в нужном поле. Удобно, не надо тыкать мышкой, как обезьяна.
placeholder — это та самая полупрозрачная подсказка в поле, которая исчезает, как только начинаешь писать. Типа «Введите имя», а потом бац — и ты уже вводишь «Вася Пупкин».
alt — святое для картинок. Если картинка не загрузилась, будет этот текст. Да и для слепых, блядь, скринридеры его зачитывают. Не пишешь alt — ты конченый эгоист.
src и href — основа основ. src — это откуда тянуть ресурс (картинку, скрипт). href — куда ведёт ссылка. Перепутаешь — получишь ебаный кирпич вместо страницы.
target="_blank" — это чтобы ссылка открывалась в новой вкладке. Поставил — и пользователь не ушёл с твоего сайта нахуй насовсем. Хитро, да?
Вот, смотри, как это всё в коде выглядит, ёпта:
<input type="text" placeholder="Введите имя" required autofocus>
<img src="logo.png" alt="Логотип">
<a href="https://example.com" target="_blank">Ссылка</a>Видишь? Всё просто, как три копейки. Главное — не выёбывайся и используй по назначению, а не просто так, для красоты.