HTML-код с поврежденным изображением

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

<!DOCTYPE html>
<html>
    <head>
    <title>Lets Play Battleship</title>
    <link rel="stylesheet" href="style.css">
    </head>

    <body>
        <h1>
            Battleship
            <p><img src="battleship-game-board.jpg" width = "120" height = "90"/></p>
        </h1>


        <p><a href="http://www.freeonlinegames.com/game/battleships"> Click Here to Play Battleship</a></p>

    </body>
</html>

image html src
person compprog254    schedule 10.09.2013    source источник
comment
убедитесь, что изображение размещено по тому же пути, что и файл html.   -  person Raab    schedule 10.09.2013

Ответы (3)


arrow_upward
5
arrow_downward

Чтобы заставить изображение работать, вы используете:

Абсолютный путь:

<img src="http://www.domain.com/MyImages/battleship-game-board.jpg"/>

or

Относительный путь:

<img src="../MyImages/battleship-game-board.jpg"/>

если изображение существует в той же папке, что и html-файл, вы можете использовать:

<img src="battleship-game-board.jpg" width = "120" height = "90"/>

Подробнее здесь

Примечание: изображение должно существовать по указанному пути во всех случаях.

person Ashwani    schedule 10.09.2013

arrow_upward
1
arrow_downward

Это связано со следующей причиной.

1> Battleship-game-board.jpg находится в другом каталоге того же файла.

2>battleship-game-board.jpg не содержат действительного разрешения. Если вы используете Linux, вам необходимо указать разрешение 755 для изображения Battleship-game-board.jpg.

Вы могли бы использовать


    chmod 755 battleship-game-board.jpg
person Parag Kuhikar    schedule 10.09.2013
comment
спасибо за все ответы, которые я проверил и неправильно написал имя файла. спасибо за ваши ответы. - person compprog254; 10.09.2013

arrow_upward
0
arrow_downward 

<img src="battleship-game-board.jpg" width = "120" height = "90"/>.

Что в src="" должен быть путь, а не название изображения. Это означает, что вы должны ввести путь к Battleship-game-board.jpg, но не имя изображения.

person Ring    schedule 10.09.2013