Мой код в скобках не читает файлы, которые я называю - PullRequest
1 голос
/ 24 марта 2020

У меня на рабочем столе куча папок (работающих на Ma c), и я пытаюсь вызывать различные файлы в свой стиль. css file and index. html files. Вместо того, чтобы пытаться опубликовать сложное объяснение всех моих каталогов / кодов, может кто-нибудь объяснить мне, как работает вызов файлов в мой код? Как работают иерархии файловых деревьев в ? Например, если у меня есть три папки:

  • Родительская папка / Папка A / Код / индекс. html
  • Родительская папка / Папка A / Images / cat.jpg
  • Родительская папка / папка B / MoreImages / dog.jpg
  • Родительская папка / папка C / MoreCode / style. css

Если мой индексный файл в папке A, и я хочу вызвать изображение кота, я должен написать папку A / Images / cat.jpg или мне нужно только написать изображения / cat.jpg?

и вызывать элементы вне папки A, поэтому в папках B и C нужно ли что-либо делать в , чтобы могли понять, где находятся эти папки? Например, я пытался вызвать лист моего стиля. css в свой индексный файл. html. Я сделал это, просто написав Folder C / MoreCode / style. css. Я также дважды щелкнул свой лист стиля. css, чтобы добавить его в список моих рабочих файлов в скобках. Однако моя таблица стилей все еще не читалась моим файлом html.

Ответы [ 2 ]

0 голосов
/ 24 марта 2020

Структура каталогов работает от текущего местоположения файла (ов). Например, если ваш файл index.html находится в следующем месте:

Parent Folder/Folder A/Code/index.html

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

../Images/cat.jpg

../ - Переместиться из текущего каталога (Код) обратно в предыдущий каталог (Папка A).

Images/ - Найти каталог с именем Images.

cat.jpg - Отобразите изображение cat.jpg.

Точно так же, чтобы загрузить таблицу стилей, вам необходимо переместиться назад на два каталога. Из текущего каталога Code/, затем из каталога Folder A/, обратно в каталог Parent Folder/. Поэтому вы должны использовать:

../../Folder C/MoreCode/style.css

Я бы также удалил пробелы из имен каталогов, так как это может вызвать проблемы, поэтому вместо Parent Folder/Folder A/ измените его на ParentFolder/FolderA/.

0 голосов
/ 24 марта 2020

<img src="picture.jpg"> picture.jpg находится в той же папке, что и текущая страница

<img src="images/picture.jpg">

picture.jpg is located in the images folder in the current folder

<img src="/images/picture.jpg">

picture.jpg is located in the images folder at the root of the current web

<img src="../picture.jpg">

picture.jpg is located in the folder one level up from the current folder

Чтобы вызвать таблицу стилей, так как она на 2 уровня ниже, добавьте период периода три раза и затем / затем имя папки и название вашей таблицы стилей.

Прямо из W3schools: https://www.w3schools.com/html/html_filepaths.asp

...