Почему изображения на странице видны только на моем компьютере и не отображаются на другом? - «Изображения»
Переносы, переработки и потеря талантов: сотрудники Bethesda Game Studios предупредили, чем увольнения в студии обернутся для The Elder Scrolls VI - «Новости сети»
Переносы, переработки и потеря талантов: сотрудники Bethesda Game Studios предупредили, чем увольнения в студии обернутся для The Elder Scrolls VI - «Новости сети»
OpenAI выпустила GPT-5.6 и научила ChatGPT выполнять многоэтапные рабочие задачи в режиме Wor - «Новости сети»
OpenAI выпустила GPT-5.6 и научила ChatGPT выполнять многоэтапные рабочие задачи в режиме Wor - «Новости сети»
Игроки Subnautica 2 тонут в 3829 раз чаще американцев и другая интересная статистика раннего доступа - «Новости сети»
Игроки Subnautica 2 тонут в 3829 раз чаще американцев и другая интересная статистика раннего доступа - «Новости сети»
США заставят Samsung и SK hynix последовать примеру Micron и выпускать память в стране - «Новости сети»
США заставят Samsung и SK hynix последовать примеру Micron и выпускать память в стране - «Новости сети»
SpaceX бьёт рекорды: в 36-й раз запустила одну ступень Falcon 9 и вывела почти 1600 спутников Starlink за полгода - «Новости сети»
SpaceX бьёт рекорды: в 36-й раз запустила одну ступень Falcon 9 и вывела почти 1600 спутников Starlink за полгода - «Новости сети»
Авторитетный инсайдер прояснил, когда выйдет The Elder Scrolls VI - «Новости сети»
Авторитетный инсайдер прояснил, когда выйдет The Elder Scrolls VI - «Новости сети»
Сюжетное дополнение Revelations к Doom: The Dark Ages стартовало в Steam с «очень положительными» отзывами и полной русской локализацией - «Новости сети»
Сюжетное дополнение Revelations к Doom: The Dark Ages стартовало в Steam с «очень положительными» отзывами и полной русской локализацией - «Новости сети»
Ampera напечатала на 3D-принтере малый ториевый реактор для питания дата-центров - «Новости сети»
Ampera напечатала на 3D-принтере малый ториевый реактор для питания дата-центров - «Новости сети»
NVIDIA втихую сделала платформу Omniverse бесплатной, но есть нюанс - «Новости сети»
NVIDIA втихую сделала платформу Omniverse бесплатной, но есть нюанс - «Новости сети»
Власти Индии потребовали от Telegram в течение 15 дней принять решительные меры по борьбе с распространением пиратского контента - «Новости сети»
Власти Индии потребовали от Telegram в течение 15 дней принять решительные меры по борьбе с распространением пиратского контента - «Новости сети»
Новости мира Интернет » Самоучитель 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.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

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

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



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