Я не могу добавить gif в файл HTML - PullRequest
0 голосов
/ 22 апреля 2019

Я не могу добавить gif в мой HTML-файл.

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

    <div class="header">
        <div class="navigation">
            <ul class="nav-list">
                <li><a href="#" title="Home">Home</a></li>
                <li><a href="#" title="About">About</a></li>
            </ul>
        </div><!--end of navigation -->
    </div><!--end of header -->

    <header>
        <img id="headerLogo" src="images/headerLogo.gif" alt="Starbuzz Coffee logo image">
        <img id="headerSlogan" src="images/headerSlogan.gif" alt="Providing all the...">
    </header>

</body>
</html>

Я вставил gif в папку проекта, в папку WebContent проекта и в папку src проекта, и ничего из этого не работает.Может кто-нибудь сказать мне, почему?

Ответы [ 3 ]

0 голосов
/ 22 апреля 2019

Вы должны поместить в основной каталог. Вы не можете поместить его в любую папку.URL должен выглядеть так -

0 голосов
/ 23 апреля 2019

Посмотрите, получите ли вы это

<header>
<!-- If index is common and image is in a subfolder -->
        <img id="headerLogo" src="images/headerSlogan.gif" alt="Starbuzz Coffee logo image">
        
<!-- If index page and image are in seperate subfolders -->
        <img id="headerSlogan" src="../images/headerSlogan.gif" alt="Providing all the...">
        
<!-- If index page and image are in the same subfolder -->
        <img id="headerSlogan" src="headerSlogan.gif" alt="Providing all the...">
    </header>

Если они расположены в двух разных папках, сначала необходимо выйти из папки, содержащей веб-страницу, а затем перейти в папку изображений.

Так что еслисайт был в папке веб-страниц, вам нужно сделать что-то вроде этого:

**src="../images/imageName.gif"**

../ используется для перемещения назад на одну папку

Если они оба находятся вта же папка, то нет необходимости относительного пути.Все, что вам нужно ввести, это

**src="imageName.gif"**
0 голосов
/ 22 апреля 2019

Ваш HTML-код говорит src="images/headerLogo.gif", поэтому вам нужно поместить GIF в подкаталог images.Если ваш HTML находится в .../html, поместите GIF в ../html/images/headerLogo.gif.

. Если вы хотите поместить GIF в тот же каталог, что и файлы HTML, опустите ссылку на images: src="headerLogo.gif".

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...