在HTML网站中添加图像不起作用

时间:2017-10-27 20:39:38

标签: html image

我正在尝试为妈妈的花园设计服务创建一个网站。我正在尝试使用链接添加她的徽标照片。 (https://i.imgur.com/Ug8Tx59.png)。我将向您展示我需要帮助的部分。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img src="url(https://i.imgur.com/Ug8Tx59.png)">
</body>
</html>

5 个答案:

答案 0 :(得分:2)

链接图片时,在您的实际网址之前不需要(网址)。 (url)仅用于CSS中的背景图像。

img src:

<img src = "https://i.imgur.com/Ug8Tx59.png"/>

答案 1 :(得分:1)

<!DOCTYPE html>
<html>

<head>
</head>

<body>
    <img src="https://i.imgur.com/Ug8Tx59.png">
</body>

</html>

答案 2 :(得分:1)

您可以使用css或html添加图片。

在HTML中:

<div id="logo">
  <img src="http://..." alt="...optional...description" >
</div>

在CSS中:

#logo {
  background-image: url("http://...");
  height: 150px;
  width: 150px;
}

答案 3 :(得分:0)

要建立图片链接:

<a href="/"><img src="https://i.imgur.com/Ug8Tx59.png" /></a>

答案 4 :(得分:0)

我不明白你究竟想做什么。您想将这张照片从imgur添加到网站的屏幕显示中,或者您希望这张照片成为您的网站徽标? (此徽标位于浏览器顶部) 如果您想要第一个(在屏幕上显示徽标),您必须这样做。

<!DOCTYPE html>
<html>

<head>
    <title> </title>
</head>

    <body>
        <img src="https://i.imgur.com/Ug8Tx59.png">
    </body>

</html>

对于第二个选项,(在网页顶部显示此imgur徽标,在浏览器上,只需对我进行评论,我就会将代码写入并向您解释。