2013-11-09 3 views
1

Я следовал за гидом here, и я сделал какой-то поиск в Google безрезультатно. Будет ли кто-то думать, указывая на неловкую ошибку в моей реализации здесь?Новичок: img src синтаксис? Конкретный пример

<!doctype html> 
<html> 
    <body> 
     <img src="bonsai_tree.jpg" alt="tree" width="511" height="482"> 
    </body> 
</html> 

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

Спасибо, и если я не буду следовать правильному протоколу, спрашивая, пожалуйста, дайте мне знать! Первый таймер здесь ...

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

+0

Вы уверены, что это jpg, а не jpeg? – Phix

+1

В вашем синтаксисе нет ничего плохого. Проверьте регистр букв в названии. 'бонсай'! ==' Бонсай '. –

+0

Проверьте как. Это не jpeg, а случаи совпадают. Спасибо хоть. – user2970968

ответ

1

Откройте страницу, а затем просмотрите источник на html в браузере. Найдите ссылку на изображение и щелкните по нему - ошибка, которую он дает, покажет вам эту проблему.

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

В терминале Linux в этой папке запустите chmod 604 bonsai_tree.jpg, чтобы правильно установить разрешения.

+0

Вот оно! Спасибо! Для записи я изменил разрешения на 644 на основе направления из моего класса. – user2970968

+0

Это также должно быть хорошо для вашего проекта, ему просто нужно «604» как минимум. – Leigh

3

Ive было раньше :-)

Обычно синтаксис у вас есть правильная картина находится в том же файле, просто дважды проверьте правильность написания. Вот ссылка на подробный способ получения изображения на вашей веб-странице: http://www.w3schools.com/html/html_images.asp

Удачи!

+0

Спасибо, Яхья, но я проверил имя в хорошем 5-6 раз и это все еще хорошо :). Я также проверил эту ссылку, прежде чем я разместил вопрос ... – user2970968

1

Правильное отображение изображения на другой вкладке в вашем браузере.

Затем перейдите на вкладку со своим HTML, щелкните правой кнопкой мыши на сломанном изображении, выберите «Просмотреть изображение». Сравните плохой URL этой вкладки с хорошим URL-адресом другой вкладки, и ваша проблема будет очевидна.

+0

Что делать, если он хочет относительный URL-адрес, а не абсолютный? –

+0

Он делает, но щелчок правой кнопкой мыши будет абсолютным URL-адресом, и он может видеть, как этот процесс идет не так. – Malvolio

+0

Я проверил его и даже попытался использовать длинное имя: file: ///home/*****/vhosts/localhost/public/bonsai_tree.jpg. Когда я использую длинное имя, сломанный значок файла исчезает, но все равно нет дерева (?) – user2970968