Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Создание сайтов (HTML CSS PHP MySQL JavaScript ActionScript) Изображения в HTML


Изображения в HTML (тег <img>)

Как вставить картинку в HTML-документ? Для этого используется тег <img>. Не смотря на то, что его использование обязательно внутри блочного элемента (например p) только при использовании строгого HTML, рекомендую не привыкать к вредной привычке делать все как попало и всегда использовать данный тег внутри блочных элементов.

Пример:

<p>
<img src="img/ya.PNG" alt="Мое фото">
</p>

<p>
<img src="ya.PNG" alt="Мое фото">
</p>

Результат:

Пришлось использовать для примера себя любимого, так как летний пейзаж сохранить на сервер не удалось пока ((. У провайдера какие-то проблемы с загрузкой на сервер изображений. Мое фото - единственное загруженное ранее изображение =).

Атрибут src определяет путь к графическому файлу относительно данного документа. В нашем примере картинка ya.PNG находится в папке img а сама папка находится в том же каталоге, что и html-страница, в которой он отображается (src="img/ya.PNG"). Атрибут alt определяет альтернативный текст для картинки (alt="Мое фото"). Если картинка еще не загрузилась или отключен показ изображений в браузере то именно альтернативный текст будет показан вместо изображения. Для примера я указал при втором выводе той же картинки неправильный путь к ней. Браузер не нашел по указанному пути картинку и вывел вместо нее альтернативный текст.

Альтернативный текст для изображения, в отличии от пути к графическому файлу, указывать не обязательно. Я рекомендую всегда указывать альтернативный текст к изображениям =).

Графический файл должен иметь одно из расширений: JPG, JPEG, GIF, PNG. Это мало емкие форматы специально для веб.

На сегодня все. Всем удачи и хорошего настроения!))


В избранное