Создание сайтов (HTML CSS PHP MySQL JavaScript ActionScript) Изображения в HTML
Изображения в HTML (тег <img>)
Как вставить картинку в HTML-документ? Для этого используется тег <img>.
Не смотря на то, что его использование обязательно внутри блочного элемента (например p)
только при использовании строгого HTML, рекомендую не привыкать к вредной привычке делать все как попало и всегда
использовать данный тег внутри блочных элементов.
Пришлось использовать для примера себя любимого, так как летний пейзаж сохранить на сервер не удалось пока ((.
У провайдера какие-то проблемы с загрузкой на сервер изображений. Мое фото - единственное загруженное ранее изображение =).
Атрибут src определяет путь к графическому файлу относительно данного документа.
В нашем примере картинка ya.PNG находится в папке img а сама папка находится в том же каталоге, что и html-страница,
в которой он отображается (src="img/ya.PNG"). Атрибут alt
определяет альтернативный текст для картинки (alt="Мое фото"). Если картинка еще не загрузилась
или отключен показ изображений в браузере то именно альтернативный текст будет показан вместо изображения.
Для примера я указал при втором выводе той же картинки неправильный путь к ней. Браузер не нашел по указанному пути картинку
и вывел вместо нее альтернативный текст.
Альтернативный текст для изображения, в отличии от пути к графическому файлу, указывать не обязательно.
Я рекомендую всегда указывать альтернативный текст к изображениям =).
Графический файл должен иметь одно из расширений: JPG, JPEG, GIF, PNG. Это мало емкие форматы специально для веб.
На сегодня все. Всем удачи и хорошего настроения!))