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



Эти две главы друг другу противоречат, если начинается со слеша, это какой адрес получается? В одной статье одно, в другой совсем другое.
И ещё возник вопрос, если указывать адрес полностью, к примеру “F:/увлечение/коды/интерфейсный приём/img/techmart.jpg”, то это какой будет адрес? В нём нет https: , то есть протокола, значит это относительный? Или F: и есть протокол этой фотографии?

Конкретно укажите, где и какие противоречия.

В одной заметке учат что короткий адрес начинающийся со слеша это относительный адрес.
Screenshot_1

Во второй с начинающего слеша это укороченный абсолютный.
Screenshot_1 .

Разве это не противоречие?
Не я заметила первая, в комментариях к этой части теории заметили это несколько человек. Я пыталась разобрать более подробно теорию и читала мнение других. Думала как можно правильнее сделать и записать адрес в более коротком виде не прописывая весь. Пробовала все варианты, отображается только когда полностью пишешь адрес всего месторасположения фотографии.

И если начинается с название диска на компьютере полностью, а не с htth:, то это относительный?

Вот про относительные адреса, где если посмотрите выше,в моём скриншопте, называют относительным адрес начинающийся со слеша. Читаем дальше.

Screenshot_1
Как это понять? По любому противоречие. В одной заметке он относительный, во второй он им не является.

да, тут они накосячили

абсолютным адресом называют тот, на который перейти можно, кликнув с любой страницы.
относительный адрес - тот, переход по которому будет зависеть от текущей страницы

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

короче, в новой версии курса написано правильно.

А что касается адресов начинающихся не с http: , а с названия диска, но прописанных в полном виде, они какие, как правильно их назвать?
То есть всё что начинается с http: , это абсолютные, остальное это относительные и всё?

с диском также, если полный путь указан, то абсолютный

1 лайк

Тогда получается, если после первых букв в адресе стоит двоеточие, то адрес абсолютный, в остальных случаях относительный, всё легко и просто. Только вот диск это же не протокол, тогда почти всё написанное в заметках про абсолютные и относительные адреса, это почти всё не верно.
И в курсах нет хорошей объясняющей заметки как правильно прописывать относительные адреса, в этих заметках по абсолютные и относительные имена для меня путаница.
Перепробовав много вариантов, нашла я вариант как прописать относительным адресом, чтобы фотография отображалась. Начинать с img и дальше, но перед адресом не нужно ставить слешь, как мне подсказывали, c таким вариантом будет отображаться фото.
Осталось разобраться в каких случаях ставят вначале точки с флешами, вот это для меня не понятно.

Есть 2 вида адресов.
Абсолютный — указывает на точное местоположение, относительно корня файловой системы. Для windows — это конкретный диск С, D, E и т.д. Для linux — это корень, обозначаемый знаком прямого слэша ( / ). А для сети — это корневой каталог ресурса, начинающийся с обозначения протокола ftp://, http://, https:// и т.д.

href="c:/data/www/css/style.css"
href="/data/www/css/style.css"
href="https://css/style.css"

Относительный адрес — указывает на местоположение ОТНОСИТЕЛЬНО текущего. К примеру, чтобы подключить к CSS картинку, используя относительный путь, необходимо: выйти из текущего каталога (CSS), перейти в каталог с изображениями и выбрать нужный файл.

background-image: (../img/image.jpg);
1 лайк

Оказывается абсолютный в linux, может начинаться ещё и со слеша.
Не знаю как в других версиях, но с точками и слешем не работает вариант в Виндовс 10. Просто img/image.jpg без точек и бес слеша только работает у меня, другие варианты пробовала прописать покороче, фотография не отображается. Слеш будет лишним и точки тоже.

вам прям явно нужен первый интенсив по html и css, там как раз рассказывают подробно про адресность в первой лекции

Слэш ( / ) = корень ресурса.
Применительно к вебу: / = index.html
Если требуется ссылка на другой домен, то вместо слэша пишем протокол и имя домена:

https://domen.com

При этом, название протокола можно опустить, тогда он будет выбран автоматически. Но знак двойной слэш ( // ) обязателен!

//domen.com

А с точками, всё отлично работает. Надо только уяснить, что знак ( .. ) означает переход на один каталог вверх.

Вам надо разобраться с базовыми понятиями и командами Linux, это сильно облегчит учёбу. Советую пройти несколько уроков по основам Linux. К примеру на stepik.org. Проходить их полностью не обязательно. Но разобраться с файловой системой и такими командами как: cd, cp, mv, mkdir, rm; всё-таки надо!
Ну или хотя бы прочитайте эту статью.

ЗЫ. работоспособность записи вида img/image.jpg означает, что файл в котором вы это написали находится в том же каталоге что и папка img

У меня Виндовс. С Linux вообще не знакома. Ну надо, так надо,спасибо,попытаюсь просмотреть.