Почему изображения на странице видны только на моем компьютере и не отображаются на другом? - «Изображения»
Самый дешёвый тариф YouTube Premium теперь предлагает фоновый режим и скачивание видео - «Новости сети»
Самый дешёвый тариф YouTube Premium теперь предлагает фоновый режим и скачивание видео - «Новости сети»
Twitch отказался от блокировок «всё или ничего» и разделил наказания - «Новости сети»
Twitch отказался от блокировок «всё или ничего» и разделил наказания - «Новости сети»
Китай намерен увеличить выпуск передовых чипов в 25 раз к концу десятилетия - «Новости сети»
Китай намерен увеличить выпуск передовых чипов в 25 раз к концу десятилетия - «Новости сети»
Тим Кук признался, что «спал с одним открытым глазом» после секретного брифинга ЦРУ о Тайване и TSMC - «Новости сети»
Тим Кук признался, что «спал с одним открытым глазом» после секретного брифинга ЦРУ о Тайване и TSMC - «Новости сети»
Суперсила, помноженная на два: в Японии IBM впервые смогла обеспечить бесшовную работу суперкомпьютера с квантовым - «Новости сети»
Суперсила, помноженная на два: в Японии IBM впервые смогла обеспечить бесшовную работу суперкомпьютера с квантовым - «Новости сети»
Что изменилось в Gemini Pro с обновлением до версии 3.1 - «Новости мира Интернет»
Что изменилось в Gemini Pro с обновлением до версии 3.1 - «Новости мира Интернет»
Windows 11 научилась работать с MIDI 2.0 без сторонних драйверов - «Новости мира Интернет»
Windows 11 научилась работать с MIDI 2.0 без сторонних драйверов - «Новости мира Интернет»
Яндекс запустил новый сервис такси Fasten - «Новости мира Интернет»
Яндекс запустил новый сервис такси Fasten - «Новости мира Интернет»
Microsoft научилась хранить данные до 10 000 лет в посудном стекле - «Новости мира Интернет»
Microsoft научилась хранить данные до 10 000 лет в посудном стекле - «Новости мира Интернет»
Microsoft начала тестировать Windows 11 27H2 — под это в Windows Insider создали новый канал - «Новости сети»
Microsoft начала тестировать Windows 11 27H2 — под это в Windows Insider создали новый канал - «Новости сети»
Новости мира Интернет » Самоучитель CSS » Изображения » Почему изображения на странице видны только на моем компьютере и не отображаются на другом? - «Изображения»

В примере.;1 показано использование локального адреса, который приводит к тому, что на других компьютерах, а также после публикации на сайте, изображение становится недоступно.

Пример 1. Изображение видно только на моем компьютере

HTML5IECrOpSaFx

<!DOCTYPE html><html> <head>  <meta charset="utf-8">  <title>Пути</title> </head> <body>  <p><thumb src="file:///y:/home/webref/www/images/screenshot.png"    alt="Дизайн" width="150" height="90"></p> </body></html>

Чтобы устранить указанный недостаток, необходимо искоренять локальные адреса и заменять их относительными. Тогда значение атрибута src в примере.;1 заменится на images/screenshot.png. В примере.;2 показаны варианты указания адресов изображений на странице.

Пример 2. Адреса изображений

HTML5IECrOpSaFx

<!DOCTYPE html><html> <head>  <meta charset="utf-8">  <title>Пути</title> </head> <body>  <p><thumb src="images/1.png" alt="Путь к файлу 1.png, расположенному в папке images"     width="150" height="90"></p>  <p><thumb src="/images/2.png" alt="Папка images лежит в корне сайта"      width="150" height="90"></p>  <p><thumb src="../images/3.png" alt="Перейти на уровень выше в иерархии папок и      открыть файл 3.png, расположенный в папке images" width="150" height="90"></p> </body></html>

В примере.;1 показано использование локального адреса, который приводит к тому, что на других компьютерах, а также после публикации на сайте, изображение становится недоступно. Пример 1. Изображение видно только на моем компьютере HTML5 IE Cr Op Sa Fx Чтобы устранить указанный недостаток, необходимо искоренять локальные адреса и заменять их относительными. Тогда значение атрибута src в примере.;1 заменится на images/screenshot.png. В примере.;2 показаны варианты указания адресов изображений на странице. Пример 2. Адреса изображений HTML5 IE Cr Op Sa Fx

Цитирование статьи, картинки - фото скриншот - Rambler News Service.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

Смотрите также

А что там на главной? )))



Комментарии )))