Question

图片代码不起作用。不确定我是否遗漏了某些内容，或者我错误地添加了图片代码。图像位于同一文件夹中，因此插入图片没有问题。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="type the content description here" />
    <meta name="keywords" content="type, keywords, here" />
    <link rel="stylesheet" href="text.css" type="text/css" />
    <style type="text/css">
    h1.align1 { text-align: center; }
    h2.align2 { text-align: center; }
    h3.align3 { text-align: center; }
    </style> 
</head>
<body style="background-color: black;"> 
    <h1 class="align1" style="color: yellow;"><font size="8"> TEXT </h1>
    <hr style="white" />
    <h2 class="align2" style="color: red;"><font size="10"> TEXT </h2>
    <hr style="white" />
    <h3 class="align3" style="color: blue;"><font size="10"> TEXT </h3> 
    <img src="years1.jpg" />
</body>
</html>

Answer 1

您必须关闭字体标记（未完成的标记可能会影响其后的元素，在本例中为“图像”）。

例如：

<h1 class="align1" style="color: yellow;"><font size="8"> TEXT </font></h1>

无论如何

字体标记~~已弃用~~在HTML5中已废弃，因此您应该这样写：

<h1 class="align1" style="color: yellow; font-size: 8em; "> TEXT </h1>

Answer 2

这是img路径问题。请为图像使用合适的文件路径，并删除字体标签并在样式下使用它。

图片未显示在我的网页上

2 个答案: