Ссылка картинка в html

Ссылка картинка в html


Добавляем фотографию на HTML-страницу

Урок №5
Добавляем фото в HTML-документ
Добавляем фото в HTML-страницу.

В этом уроке, мы рассмотрим способ добавления фотографии на HTML-страницу.

Так как наша статья, из прошлого урока, рассказывала о снежном барсе, то и фотография будет его:

Вам нужно скопировать эту фотографию к себе на Рабочий стол, делается это так:

  1. нажмите правой кнопкой мыши по фотографии
  2. затем по строке: Сохранить изображение как…

Добавляем фото в HTML-документ.

Сохраните фото на Рабочий стол

Сохраняем фотографию из браузера.

На Рабочем столе у вас уже есть файл index.html, теперь там есть и фотография снежного барса, файл irbis.jpg

Для того чтобы вставить фото в HTML-страницу, существует тег <img>, у этого тега есть свойство (атрибут) src=" ", значением которого выступает адрес фотографии:

  <img src="адрес фотографии">

Где:
<img>тег, который указывает что здесь будет фотография,
src=" "свойство тега <img>, которое указывает на адрес фотографии,
адрес фотографиизначение свойства src=" ", адрес фотографии.

Так как файлы index.html и irbis.jpg находятся в одной папке, а именно на Рабочем столе, то для того чтобы указать адрес файла irbis.jpg, достаточно просто написать его имя irbis.jpg

  <img src="irbis.jpg">

Вставив этот код под заголовком <h1> </h1>, наш HTML-документ будет выглядеть так:

  <html>   <head>    <title>Страница о снежном барсе</title>   </head>   <body>    <h1>Снежный барс</h1>    <img src="irbis.jpg">    <p>     Снежный барс (ирбис, ак барс) - крупное хищное млекопитающее из семейства      кошачьих. Обитает в горных массивах Афганистана, Бирмы, Бутана, Индии,      Казахстана, Киргизстана, Китая, Монголии, Непала, Пакистана, России,      Таджикистана и Узбекистана. Ирбис отличается тонким, длинным, гибким телом,      относительно короткими лапами, небольшой головой и очень длинным хвостом.      Длина снежного барса вместе с хвостом составляет 200-230 см, вес до 55 кг.     Окраска меха светлая, дымчато-серая с кольцеобразными или сплошными тёмными      пятнами.</p>    <p>     Охотится снежный барс, в основном, на горных козлов и баранов, также в его      рационе встречаются кабаны, фазаны и даже суслики. В силу труднодоступности     местообитания вида, ирбисы до сих пор остаются малоизученными. Однако по      приблизительным оценкам их количество варьируется в районе около 10 тысяч      особей. По состоянию на 2013 год, охота на снежных барсов повсеместно     запрещена.</p>   </body>  </html>

Сохраните изменения в Блокноте, нажав на клавиатуре Ctrl + S или Файл > Сохранить.

Откройте файл index.html с помощью браузера, вы должны увидеть следующее.

Читать далее: Используем CSS в HTML-документе

Дата публикации поста: 7 февраля 2016

Дата обновления поста: 15 октября 2014



Источник: gabdrahimov.ru


Добавить комментарий