Лекции
Начать
Начать обучение
JavaRush /Курсы /Frontend SELF /Атрибуты

Атрибуты

Frontend SELF
1 уровень , 5 лекция
Открыта

1. Атрибуты

Открывающий тег может содержать особую служебную информацию — атрибуты. Закрывающий тег атрибуты содержать не может. Общий вид атрибутов такой: 


<tag name1="value1" name2="value2">

Пример тега с атрибутами — ссылка:

HTML 
      
<a href="http://javarush.com/about" target="_blank">
    Ссылка на что-то интересное
</a>
Telegram

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

Внимательный программист сразу задаст вопрос: что делать если в качестве значения атрибута нужно использовать текст, содержащий символы «<», «>» или кавычки?

Внутри HTML-документа их использовать нельзя. Для них существует специальная запись:

Название символа Символ HTML-запись
Кавычка двойная " &quot;
Амперсанд & &amp;
Символ меньше < &lt;
Символ больше > &gt;
Пробел &nbsp;
Одинарная кавычка ' &#39;

Такая замена называется экранированием символов. Позднее мы поговорим об этом подробнее.

2. Картинки

Тег <img> используется для вставки изображений в веб-страницу. Это одиночный тег, то есть он не имеет закрывающего тега. Важные атрибуты:

  • src — указывает путь к изображению.
  • alt — описывает изображение, что полезно для поисковых систем и для случаев, когда изображение не может быть загружено.

Пример:

HTML 
      
<img src="image.jpg" alt="Описание изображения">

3. Ссылки

Тег <a> используется для создания гиперссылок. Основной атрибут этого тега:

  • href — указывает URL (адрес) страницы или ресурса, на который ведет ссылка.
  • target — определяет, где будет открываться ссылка (например, _blank для новой вкладки).
HTML 
      
<a href="https://www.example.com">Перейти на Example.com</a>
Комментарии (2)
ЧТОБЫ ПОСМОТРЕТЬ ВСЕ КОММЕНТАРИИ ИЛИ ОСТАВИТЬ КОММЕНТАРИЙ,
ПЕРЕЙДИТЕ В ПОЛНУЮ ВЕРСИЮ
Татьяна Уровень 3
11 октября 2025
HTML-сущность — это “замена” символа, записанная в виде &имя; или &#номер;. &lt; → less than → «меньше чем» → < &gt; → greater than → «больше чем» → > & — начало HTML-сущности ; — конец сущности &#39; = &apos; (это эквивалентные html-сущности) Эквивалент именной сущности - числовая сущность: &#60; → < &#62; → > &#38; → & &#39; → ' HTML-сущность &apos; переводится на английский как “apostrophe” — то есть «апостроф» или «одинарная кавычка». HTML-сущность &nbsp; переводится на английский как “non-breaking space”, что означает «неразрывный пробел». HTML-сущность &quot; переводится на английский как “quotation mark”, то есть «кавычка». В HTML атрибут src (сокращение от source — «источник») указывает путь к внешнему ресурсу, который нужно загрузить в элемент. В HTML атрибут alt (сокращение от alternative text) — это альтернативный текст для изображений. Он используется в теге <img> и описывает, что изображено, если картинка не может быть загружена или для пользователей с экранными дикторами (доступность) / для незрячих. Разница между src и href: Когда браузер видит src, он загружает содержимое по указанному адресу и встраивает его в страницу. Когда браузер видит href, он не встраивает содержимое, а просто делает ссылку на него.
valodya_93 Уровень 33
10 марта 2025
Атрибут target в ссылочном теге может быть вида: _blank – Загружает страницу в новом окне браузера _self – Загружает страницу в текущем окне. Значение по умолчанию _parent – Загружает страницу во фрейм-родитель, если фреймов нет, то это значение работает как _self. _top - Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то это значение работает как _self.