Атрибути

1. Атрибути

Відкриваючий тег може містити особливу службову інформацію — атрибути. Закриваючий тег атрибути містити не може. Загальний вигляд атрибутів такий:

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

Приклад тега з атрибутами — посилання:

      
<a href="http://javarush.com/about" target="_blank">
    Посилання на щось цікаве
</a>
      
    

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

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

Усередині HTML-документа їх використовувати не можна. Для них існує спеціальний запис:

Така заміна називається екрануванням символів. Пізніше ми поговоримо про це детальніше.

2. Зображення

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

• src — вказує шлях до зображення.
• alt — описує зображення, що корисно для пошукових систем і для випадків, коли зображення не може бути завантажене.

Приклад:

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

3. Посилання

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

• href — вказує URL (адресу) сторінки або ресурсу, на який веде посилання.
• target — визначає, де буде відкриватися посилання (наприклад, _blank для нової вкладки).

      
<a href="https://www.example.com">Перейти на Example.com</a>