Помогите с программированием.

Начал заниматься программированием на HTML и ничего лучше, чем прописывать код в VSC не придумал.

В итоге в какой то момент я добрался до img и вроде бы все понятно, но где то есть ошибка.

Из того что я понял, в тег img добавляется src="xxx", в который мы можем вставить ссылку на картинку из любой веб страницы, а также можем вставить картинку которая есть непосредственно на ПК.

У меня есть "untilted.html" файл html, в котором и содержится мой сайт.

В одном из последних занятий я практиковал написание кода, но что то пошло не так. При указывании обычной картинки в корне папки, т.е. показывает все как надо.

При указывании показывает просто картинку, что тут якобы есть изображение. Вопрос - почему так? Я проверил, папка называется images, содержит открывающий и закрывающие теги. Названо все правильно, но что же не так?

upd при написании некоторого кода выдало ошибку и изображение на этом сайте конвертировало в image 1.

Дополняю img src='../image/image1'

как у тебя каталог устроен-то?

 

(webroot)/

- untilted.html

- /images

- image1.jpg

 

типа так?

 

(webroot)/

- (??????)/

- untilted.html

- images/

- image1.jpg

 

или так?

YoshkinKot сказал(а):↑

как у тебя каталог устроен-то?

 

(project)/

- untilted.html

- /images

- image1.jpg

 

типа так?

 

(project)/

- (??????)/

- untilted.html

- images/

- image1.jpg

 

или так?

Нажмите, чтобы раскрыть...

Он вообще в отдельной папке в "документы" находится. Если я правильно понял. Уж простите за скудоумие, но я только начинаю осваиваться.

Сейчас перенес в отдельную папку на диск G. Полный путь G:/web/untilted.html Там же находится файл .../web/images/image1.jpg

IQQI сказал(а):↑

Он вообще в отдельной папке в "документы" находится. Если я правильно понял. Уж простите за скудоумие, но я только начинаю осваиваться.

Сейчас перенес в отдельную папку на диск G. Полный путь G:/web/untilted.html Там же находится файл .../web/images/image1.jpg

Нажмите, чтобы раскрыть...

ну с такой структурой тебе надо

src='images/image1.jpg'

 

или

src='./images/image1.jpg'

 

две точечки тебя отправляют в рандеву чуть повыше то есть в G:/

а там нет никакого G:/images/image1.jpg конечно

YoshkinKot сказал(а):↑

ну с такой структурой тебе надо

src='images/image1.jpg'

 

или

src='./images/image1.jpg'

 

две точечки тебя отправляют в рандеву чуть повыше то есть в G:/

а там нет никакого G:/images/image1.jpg конечно

Нажмите, чтобы раскрыть...

Спасибо большое. src='./images/image1.jpg' сработало. Только не понимаю почему первый вариант не прокатил.

IQQI сказал(а):↑

Только не понимаю почему первый вариант не прокатил.

Нажмите, чтобы раскрыть...

../images/image1.jpg или images/image1.jpg?

 

ну первое, потому что опять же, две точки отправляют тебя на каталог выше

а второе хз по-идее должно работать, но в целом просто всегда ставь точку впереди и не парься

 

https://en.wikipedia.org/wiki/Uniform_Resource_Identifier