Проблемы с HTML-кодом

Question

Im в настоящее время делает мой первый сайт. Однако я столкнулся с проблемами

с отображением моего .jpg изображения и моего резюме скачать PDF. Я проверил четыре раза

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

Im используя githubs свободный веб-хостинг, чтобы разместить мой личный сайт .. (www.kennyellis.me)

Мой образ

<span class="avatar"><img src="/Users/newuser/Dropbox/MyWebsite/Website/imagesnewselfie.jpg" 
alt="" /> </imagespan> 

Мой PDF

<li><a href= "/Users/newuser/Dropbox/MyWebsite/Website/resume_final.pdf" 
download="resume_final.pdf" class="fa fa-file-pdf-o" aria-hidden="true"></a></li> 

Может ли кто-нибудь увидеть что-то сразу с моим кодом? Я осмотрел мой JPG

изображения и мой PDF и непосредственно скопировал код в свой HTML файл, однако, PDF скачать

говорит Тереза ​​нет файла и изображение не отображается .. И да, я у

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

«Hello» в верхней части моего HTML файла и, когда я толкнул его на GitHub, то «Привет "

было размещено в начале страницы.

СПАСИБО

Answer 1

Изменить путь на ваш IMG тег, чтобы указать на:

http://kennyellis.me/newselfie.jpg 

Как так:

<img src="/newselfie.jpg" alt="My photo"> 

сделать то же самое с вашим резюме - удалить путь ,

Пути, которые у вас есть в вопросе, вероятно, из вашей локальной среды разработки. Когда вы создаете страницы, используйте относительные URL-адреса, чтобы страницы работали после того, как они были размещены на другом сервере.

Например - если у нас есть файл, который называется мой-образ:

/var/www/html/example.com/images/my-image.JPG

В HTML, вы можете ссылаться на него так:

<img src="/var/www/html/example.com/images/my-image.jpg" alt="My image"> 

, который бы хорошо, если она всегда поставляется в HTML-страницы с помощью файла: // (не сервер).

Если у вас есть сервер, как Apache, вы бы использовать что-то вроде:

<img src="images/my-image.jpg" alt="My image"> 

Это говорит браузеру, чтобы посмотреть в каталоге изображений в каталоге на странице загружен.

Если добавить ведущую косую черту, например:

<img src="/images/my-image.jpg" alt="My image"> 

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

Answer 2

Не могли бы вы отправить полный код вашей страницы?

Из того, что я ищу, и просто быстрое наблюдение, что пути могут быть неправильными или не загружены на сервер. (Обычная ошибка). Но хотелось бы увидеть полный код страницы на всякий случай.

Приветствия, Xrhaps