Как отобразить картинку в html?

Так ты пробовал <img src="/media/Documents/Files/Micah/Homepage Website/Picture.jpg">?

Как я вижу в вашем коде, в одной из папок на вашем изображении есть пробел: / Homepage Website / Picture.jpg

Обычно это не очень хорошая идея. Попробуйте добавить подчеркивание:

/ Homepage_Website / Picture

Также рекомендуется помещать имена файлов в нижний предел: «картинка» вместо «картинка».

Это может иногда превращаться в проблемы.

Разрешения могут мешать вам. Весь путь к изображению должен быть доступен для чтения веб-сервером. Если вы используете Apache, работающий от имени пользователя www-data, то ваши каталоги, вероятно, должны быть установлены на 0755 (drwxr-xr-x), а файлы - 0644 (-rw-r - r--). Вы можете увидеть разрешения в консоли / оболочке примерно так:

cd /media
ls -l

Вы можете изменить разрешения примерно так:

sudo chmod 0755 directory_name
sudo chmod 0644 file_name

Сделайте это для каждого каталога и всех файлы, к которым вы хотите получить доступ. Или, двумя свайпами, один для каталогов, другой для файлов, получите их все без выбора, хотя каждый каталог / файл:

sudo find /media -type d -exec chmod 0755 {} \;
sudo find /media -type f -exec chmod 0644 {} \;

Если вы знаете, что права доступа правильные, вы выиграете, создав символическую ссылку в каталог, а не пытаться ссылаться на них по абсолютному пути файловой системы. Поменяйте каталоги на корень документа сайта. Допустим, это /home/micah/public_html/.

cd /home/micah/public_html/
ln -s /media/Documents/Files/Micah/Homepage\ Website/ images

Теперь у вас есть символическая ссылка, например, виртуальный каталог, на расположение изображений. Чтобы это работало, Apache должен знать, что ему разрешено следовать символической ссылке. Итак, в вашем конфигурационном файле Apache, где вы определили свой веб-сайт, посмотрите директиву «Directory», чтобы убедиться, что вы указали опцию «FollowSymLinks».

<Directory />
    Options FollowSymLinks
</Directory>

После этого перезапустите веб-сервер.

sudo service apache2 restart

Затем XHTML выглядит следующим образом:

<img src="/images/Picture.jpg" width="" height="" alt="" title="" />

Кстати, когда у вас есть пробелы в URI, и для каждого пробела подставляйте сущность символа HTML, % 20 .

Если вы просто создаете HTML-файлы, игнорируйте часть Apache.

Хотя вы используете Ubuntu, это более правильный вопрос HTML. Помните, что веб-браузер сначала будет искать в папке, в которой находится файл, который он открывает. Итак, если ваша начальная страница - index.html (веб-браузеры ищут это имя в качестве стандартного) и изображение находится в той же папке, то браузер загрузит Picture.jpg с установленными для него шириной и высотой.

Это имеет

<img src="Picture.jpg" width="1000px" height="200px">

Я использую этот метод, чтобы установить фоновое изображение для своего рода книги, которую я создаю для личного использования, где я использую веб-браузер для доступа к документам.

Вы можете использовать "../filename", чтобы получить файл в предыдущей папке. Я использую это, чтобы вернуться на предыдущую страницу и сослаться на используемую таблицу стилей CSS. Эта ссылка нужна вам в каждом документе.

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

, если таблица стилей - одна папка назад.

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

Редактировать: Кажется, что вы просто делаете это:

<img src="/images/Picture.jpg" width="1000px" height="200px">

Или это:

<img src="/images/moreimages/Picture.jpg" width="1000px" height="200px">

Вы можете найти это W3Schools for HTML tutorials полезным [ 1113]

С уважением.