Вы можете добавлять изображения на свой сайт с помощью элемента img и указывать URL-адрес определенного изображения, используя атрибут src . Примером этого может быть:

<img src="https://www.your-image-source.com/your-image.jpg">

Обратите внимание, что элементы img самозакрываются. Все элементы img должны иметь атрибут alt . Текст внутри атрибута alt используется для чтения с экрана для улучшения доступности и отображается в виде текста, если изображение не загружается.

Примечание. Если изображение является чисто декоративным, использование чистого атрибута alt является наилучшей практикой. В идеале атрибут alt не должен содержать специальных символов, если это не требуется.

Давайте добавим атрибут alt к нашему примеру img выше:

<img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up.">

Попробуем добавить изображение на наш сайт: вставьте тег img перед элементом h2 .

Теперь установите атрибут src так, чтобы он указывал на этот url: https://bit.ly/fcc-relaxing-cat

Наконец, не забудьте дать вашему изображению текст alt .

Элементы a также могут использоваться для создания внутренних ссылок для перехода к различным разделам веб-страницы. Чтобы создать внутреннюю ссылку, вы назначаете атрибут href ссылки на хэш-символ # плюс значение атрибута id для элемента, к которому вы хотите внутренне связать, обычно дальше вниз по странице. Затем вам нужно добавить тот же атрибут id к элементу, к которому вы привязываетесь. id - это атрибут, который однозначно описывает элемент (то есть на странице не должно быть более одного элемента с одним и тем же атрибутом id). Ниже приведен пример внутренней привязной ссылки и ее целевого элемента:

<a href="#contacts-header">Контакты</a>
 ...
<h2 id="contacts-header">Контакты</h2>

Измените внешнюю ссылку на внутреннюю ссылку, изменив атрибут href на #footer и текст cat photos на Jump to Bottom. Удалите атрибут target="_blank" из тега a, поскольку это заставляет связанный документ открываться на вкладке нового окна. Затем добавьте атрибут id со значением footer в элемент <footer> в нижней части страницы.

Вы можете использовать элементы a (anchor или якорь) для ссылки на контент вне вашей веб-страницы. Элементам a нужен УРЛ-адрес назначения, называемый атрибутом href. Внутри тега следует размещать текст и/или другие HTML-теги, так как если ничего внутри тега не будет, то и ссылку не будет видно. Вот пример:

<a href="https://freecodecamp.org">это ссылка на freecodecamp.org</a>

Создайте элемент a, который ссылается на http://freecatphotoapp.com и содержит текст cat photos.

Вы можете добавлять изображения на свой сайт с помощью элемента img и указывать URL-адрес определенного изображения, используя атрибут src . Примером этого может быть:

<img src="https://www.your-image-source.com/your-image.jpg">

Обратите внимание, что элементы img самозакрываются. Все элементы img должны иметь атрибут alt . Текст внутри атрибута alt используется для чтения с экрана для улучшения доступности и отображается в виде текста, если изображение не загружается.

Примечание. Если изображение является чисто декоративным, использование чистого атрибута alt является наилучшей практикой. В идеале атрибут alt не должен содержать специальных символов, если это не требуется.

Давайте добавим атрибут alt к нашему примеру img выше:

<img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up.">

Попробуем добавить изображение на наш сайт: вставьте тег img перед элементом h2 .

Теперь установите атрибут src так, чтобы он указывал на этот url: https://bit.ly/fcc-relaxing-cat

Наконец, не забудьте дать вашему изображению текст alt .