Загрузка

RUS | ANG | |

StepkinBlog.ru

Пока я творю, я живу!
Блог посвящен: HTML, CSS, PHP, Wordpress, Bootstrap

Главная » Основы HTML » Как прописать путь к файлу, картинке или странице. Основы HTML для начинающих. Урок №13

05.11.2015


00:53


9507


2


Как прописать путь к файлу, картинке или странице. Основы HTML для начинающих. Урок №13

Как прописать путь к файлу, картинке или странице. Основы HTML для начинающих. Урок №13

Всем привет!
Продолжаем изучать основы HTML. В этом уроке я расскажу и на примерах покажу, как правильно указать и прописать путь к файлам, картинке или к другой веб странице. Это тоже один из важных уроков, так как если вы этого всего не поймете, вы столкнетесь в будущем с проблемой вставки картинки на веб страницу, или не сможете дать правильно файл для скачивания на своем же сайте, а также не сможете сделать перелинковку страниц.

Если посмотреть на все это образно, то это похоже на указатели, с помощью которых мы  найдем нужную  улицу, дом и квартиру. То есть, мы в html коде укажем, где именно находится картинка, страница, файлы на скачивание и т.д.

Давайте начнем с простого.
Для лучшего понимания, я подготовил маленькие схемки, где стрелочкой укажу путь, а в коде покажу, как это записывается в html.

Внимание: на примере указанно только путь из html-файла до картинки, но аналогично примерам можно будет подставить вместо картинки файл для скачивания или путь к другой странице.

Схема № 1
Путь из файла к картинке

Как прописать путь к файлу, картинке или странице. Основы HTML для начинающих. Урок №13

<img src="logo.png">

Схема № 2

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

Как прописать путь к файлу, картинке или странице. Основы HTML для начинающих. Урок №13

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

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

Схема № 3

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

Как прописать путь к файлу, картинке или странице. Основы HTML для начинающих. Урок №13

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

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

Схема № 4

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

Как прописать путь к файлу, картинке или странице. Основы HTML для начинающих. Урок №13

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

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



Случайные записи:

  1. Полезные функции php List, Isset, Unset, Empty, Date, Count и Exit. Основы PHP с нуля. Урок №18
  2. Cкелет HTML. Основы HTML для начинающих. Урок №1
  3. Как указать кодировку сайта на HTML. Основы HTML для начинающих. Урок №20
  4. Ссылка-якорь на HTML. Основы HTML для начинающих. Урок №7
  5. Бегущая строка на HTML. Основы HTML для начинающих. Урок №9

Последние записи рубрики:

  1. Бесплатный курс по основам HTML
  2. Шпаргалка по HTML на русском языке
  3. Создание простого мини сайта. Практика по пройдённому материалу
  4. Тесты HTML онлайн. Основы HTML для начинающих
  5. Как прописать мета теги. Основы HTML для начинающих. Урок №21

2 ответа(ов) на статью: “Как прописать путь к файлу, картинке или странице. Основы HTML для начинающих. Урок №13”

  1. Максим says:

    Спасибо за " ..// "

    Ответить

    Степка
    Степка ответил(а) на комментарий:

    Пожалуйста, Максим!

    Ответить

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

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

Подписаться на обновления:

Подпишись на обновления моего блога через e-m@il:

@

Реклама на блоге:

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

Довести количество статей до 150

Доделать этот блог

Закончить тему «Основы CSS»

Закончить тему «Основы PHP»

Начать тему «Основы JavaScript»

Добиться посещаемости 500 чел/сутки

Статистика:

Записей: 104
Страниц: 3
Рубрик: 9
Меток: 11
Комментариев: 245