Question

我无法在我的HTML文件中添加gif。

<!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文件夹中，但这些都不起作用。有人可以告诉我为什么吗？

Answer 1

您的HTML提示src="images/headerLogo.gif"，因此您需要将GIF放在子目录images中。如果您的HTML位于.../html中，则将GIF放在../html/images/headerLogo.gif中。

如果要将GIF与HTML文件放在同一目录中，请省略对images：src="headerLogo.gif"的引用。

Answer 2

您必须放入主目录。您不能将其放入任何文件夹。网址应如下所示-

Answer 3

看看你是否明白了

<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>

如果这些文件位于两个不同的文件夹中，那么您首先必须退出保存网页的文件夹，然后进入images文件夹。

因此，如果网站位于网页文件夹中，则必须执行以下操作：

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

../用于后退一个文件夹

如果它们都在同一个文件夹中，则不需要相对路径。您只需输入

**src="imageName.gif"**

Answer 4

使用<img>标签。喜欢：

<img src=""></img>

<img src="GIF_File.gif"></img>

这对我有用

我无法将gif添加到HTML文件

4 个答案: