BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Все про HTML » Как правильно указать пути к изображениям на сайте

Как правильно указать пути к изображениям на сайте

2014-10-16 / Вр:22:56 / просмотров: 8532

Здравствуйте дорогие читатели блога BlogGood.ru!
Сегодняшняя статья не большая, но в себе несет полезную информацию, которая поможет правильно указать путь к изображению, когда вы создаете веб-сайт, так как неправильно указанный путь к изображению не выдаст желаемый результат.  Не знаю как у вас, но у меня бывали косяки, когда нужно было прописать путь не к папке с файлом, а, наоборот, из папки к файлу. Знаю, тяжело понять мной сказанные слова, вот по этой причине я создал специальные схемки, где стрелкой показываю, откуда нужно указать путь к изображению (это может быть также любой файл).

Схемка № 1

Путь из файла к картинке

Как правильно указать пути к изображениям на сайте

<img src="logo.png">

Схемка № 2

Путь из файла к папке до картинки

Как правильно указать пути к изображениям на сайте

<img src="images/logo.png" >

/ - слэш символ используют для открытия папки.

Схемка № 3

Путь из папки к картинке

Как правильно указать пути к изображениям на сайте

<img src="../logo.png">

../ - слэш с двумя точка используют для того, чтобы выйти из папки .

Схемка № 4

Путь из папки к дугой папке до картинки

Как правильно указать пути к изображениям на сайте

<img src="../images/logo.png">

/ - слэш символ используют для открытия папки;

../ - слэш с двумя точка используют для того, чтобы выйти из папки .

Если вам нужно выйти с двух папок и зайти в папку images к файлу «logo.png», нужно добавить два символа  «../». Пример:

<img src="../../images/logo.png">

Если вам нужно выйти из трех папок и зайти в папку images к файлу «logo.png», нужно добавить три символа «../». Пример:

<img src="../../../images/logo.png">

И так далее…

Вот и все пироги. Естественно, по такому образцу путь можно указывать не только к файлам картинок, но и к другим файлам, например к js, html, css, zip, rar, и т.д.

Примеры к css-файлу:

<link href="style.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="../style.css" rel="stylesheet" type="text/css" />
<link href="../css/style.css" rel="stylesheet" type="text/css" />

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

Один ответ на комментарий - Как правильно указать пути к изображениям на сайте

  1. Тамара Полякова

    Вроде так все понятно с картинками, а когда переходим к другим файлам, немного трудновато схватить без твоей схемки. Но буду разбираться! Спасибо Степан за твои полезные для начинающих уроки! Удачи тебе!

    Ответить

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Subscribe without commenting

Метки: , ,

Мои цели на 2017 год:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Довести количество статей до 750

4). Создать портфолио и мини интернет-магазин шаблонов

5). Создать книгу

6). Довести количество статей до 800

7). Добиться посещаемости 3000 человек/сутки

8). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 718
Количество страниц на блоге: 20
Количество рубрик на блоге: 27
Количество меток на блоге: 71
Количество комментариев на блоге: 3911