Атрибуты

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>