Обычный онлайн-сценарий заключается в том, что у вас есть изображение на своем веб-сайте, на который вы хотите установить ссылку. Возможно, вы кодируете страницу своего сайта, и хотите добавить это изображение, или, возможно, хотите связать его с другим сайтом, например, с учетной записью в социальных сетях. В любом случае первым шагом в этом процессе является идентификация URL (единого локатора ресурсов) этого изображения. Это уникальный адрес и путь к этому конкретному изображению в Интернете. Давайте посмотрим, как это делается.
Начиная
Для начала перейдите на страницу с изображением, которое вы хотите использовать. Однако имейте в виду, что вы должны использовать изображение, которое у вас есть. Это потому, что указание на образы других людей считается кражей полосы пропускания и может вызвать у вас проблемы - даже на законных основаниях. Если вы ссылаетесь на изображение на своем веб-сайте, вы используете свое собственное изображение и свою собственную полосу пропускания. Это нормально, но если вы ссылаетесь на чужой веб-сайт, вы сосать пропускную способность своего сайта, чтобы отобразить это изображение. Если на этом сайте установлены ежемесячные лимиты на использование полосы пропускания, которые накладывают многие хостинговые компании, вы едите их ежемесячный лимит без их согласия. Кроме того, копирование изображения другого человека на ваш сайт может быть нарушением авторских прав. Если кто-то лицензировал изображение для использования на своем веб-сайте, они сделали это только для своего веб-сайта. Связываясь с этим изображением и рисуя его на свой сайт, чтобы он отображался на вашей странице, выходит за рамки этой лицензии и может открыть вас до юридических штрафов и штрафов. В нижней части вы можете ссылаться на изображения, которые находятся за пределами вашего собственного сайта / домена, но в худшем случае они считаются грубыми и в худшем случае незаконными, поэтому просто избегайте этой практики.
Ради этой статьи мы предположим, что изображения законно размещены в вашем собственном домене.
Теперь, когда вы понимаете «gotchas» ссылки на изображение, нам нужно будет определить, какой браузер вы будете использовать. Различные браузеры делают все по-другому, что имеет смысл, поскольку все они являются уникальными программными платформами, созданными разными компаниями. По большей части, однако, браузеры все работают несколько схожими в эти дни. В Google Chrome это то, что я сделал бы:
-
Найдите нужное изображение.
-
Щелкните правой кнопкой мыши по этому изображению (Ctrl + клик на Mac).
-
Появится меню. В этом меню я выбираю Копировать адрес изображения.
-
Если вы вставляете то, что сейчас находится в вашем буфере обмена, вы обнаружите, что у вас есть полный путь к этому изображению.
Теперь, как это работает в Google Chrome. У других браузеров есть различия. В Internet Explorer щелкните правой кнопкой мыши по изображению и выберите свойства, В этом диалоговом окне вы увидите путь к этому изображению. Скопируйте адрес изображения выбрав его и скопировав в буфер обмена.
В Firefox вы должны щелкнуть правой кнопкой мыши по изображению и выбрать копировать местоположение изображения.
Мобильные устройства еще сложнее найти путь URL-адреса, и поскольку на рынке сегодня так много разных устройств, создание окончательного списка того, как найти URL-адрес изображения на всех платформах и устройствах, будет сложной задачей. Во многих случаях, однако, вы касаетесь и удерживаете изображение для доступа к меню, которое позволит вам сохранить изображение или найти его URL-адрес.
ОК, поэтому, как только у вас есть URL-адрес изображения, вы можете добавить его в HTML-документ. Помните, что в этом было все это упражнение, чтобы найти URL-адрес изображения, чтобы мы могли добавить его на нашу страницу! Вот как добавить его с помощью HTML. Обратите внимание, что вы должны писать этот код в любом редакторе HTML, который вы предпочитаете:
Тип:
Между первым набором двойных кавычек вы вставляете путь к изображению, которое хотите включить. Значение alt text должно быть описательным контентом, объясняющим, что изображение для тех, кто на самом деле не видит его на странице.
Загрузите свою веб-страницу и протестируйте ее в веб-браузере, чтобы узнать, установлено ли ваше изображение!
Полезные советы
Атрибуты ширины и высоты не требуются на изображениях, и их следует исключить, если вы не хотите, чтобы это изображение отображалось в этом точном размере. С отзывчивыми веб-сайтами и изображениями, которые корректируются и изменяются по размеру экрана, в наши дни это редко бывает. Вероятнее всего, вам лучше оставить ширину и высоту, тем более, что в отсутствие каких-либо других данных или стилей размера не будет отображаться изображение по умолчанию.
