Html 生日惊喜_Html_Image - Fatal编程技术网

Html 生日惊喜

html image

Html 生日惊喜,html,image,Html,Image,我是一个绝对的编码初学者。事实上，我可能再也不会这样做了；）我正试图为我的男朋友创建一个非常简单的网站作为一个惊喜（他是一个开发者）。现在我遇到了一个又一个问题：( 我已经决定使用html（尽管我现在非常绝望，我愿意接受任何东西）你好，世界（特别是米切尔）我想给你看些东西… 还记得那次我输了那么多回合的奎兹杜尔，连你都注意到了吗？嗯，原来我是故意这么做的。我想给你解释一些事情。但当我发现困难的时候，实际上很难按照你需要的顺序故意输掉特定的比赛。似乎我需要改变我的计划… 到目前为止

我是一个绝对的编码初学者。事实上，我可能再也不会这样做了；）我正试图为我的男朋友创建一个非常简单的网站作为一个惊喜（他是一个开发者）。现在我遇到了一个又一个问题：( 我已经决定使用html（尽管我现在非常绝望，我愿意接受任何东西）


你好，世界（特别是米切尔）
我想给你看些东西…
还记得那次我输了那么多回合的奎兹杜尔，连你都注意到了吗？嗯，原来我是故意这么做的。我想给你解释一些事情。但当我发现困难的时候，实际上很难按照你需要的顺序故意输掉特定的比赛。似乎我需要改变我的计划…

到目前为止，这就是我所拥有的一切。它将是更多的文本，更多的图片，也许还有一点颜色和布局（如果我能做到的话）

现在我最大的问题是插入图像。它就是不起作用：(

有人能帮我吗？

你必须关闭所有标签。你会看到和标签，等等。所有前面有

的标签都是一节的结尾。首先，你的

和

标签需要它。你的图像标签上也需要它，但对于像ima这样的标签有一种特殊的方法ges。只需在图像标记的尖括号末端添加空格，后跟斜杠即可：

这基本上允许标记在一行上，使代码更简单

到目前为止，你的项目做得很好，祝你好运

代码的固定版本：

<!DOCTYPE html>
<html>
<body>

<h1>Hello, world (especially Mitchell)</h1>
<h2>I want to show you something…</h2>

<p>Remember that time when I was losing so many rounds of Quizduell that even you noticed? Well, turns out I was doing that on purpose. I was trying to spell something out for you. But as I found out the hard way, it is actually really hard to lose specific games on purpose in the exact order you need. It seemed like I needed to change my plans…</p>

<img src=“7.JPG” alt=“error” style="width:304px;height:228px;" />

</body>
</html>


你好，世界（特别是米切尔）
我想给你看些东西…
还记得那次我输了那么多回合的奎兹杜尔，连你都注意到了吗？嗯，原来我是故意这么做的。我想给你解释一些事情。但当我发现困难的时候，实际上很难按照你需要的顺序故意输掉特定的比赛。似乎我需要改变我的计划…

如果这不起作用，请确保

7.JPG

位于.html文件的目录中。文件名区分大小写。

首先，我认为您这样做非常感谢

下面是一个可能对您有所帮助的html示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <img src="./promo_5.png" alt="Describe my picture here!" />
</body>
</html>


文件

正文和html被包装在这里，图像src使用相对路径来查找图像。

多么甜蜜

我建议您使用所见即所得（WYSIWYG）（所见即所得）编辑器像Microsoft Word一样进行设计。完成设计后，转到工具>源代码。在那里您可以获得用于设计的html代码。只需从那里复制代码并将其粘贴到

标记中即可。完成了！您已经设计了网页

指向所见即所得编辑器的链接：

对于图像问题，请确保它们放在保存.html文件的同一目录中。它应该可以正常工作。

您的图像与html文件在同一文件夹中吗？正如@MaxZoom所说的。您的图像在同一文件夹中吗？另外，我假设您关闭了

和

标记。记住，“和”不是双引号”。即使@MaxZoom提到您的图像与html文件位于同一文件夹中，您也必须将这些字符替换为双引号是的，它们位于同一文件夹中：）是的，它们位于同一文件夹中：）就我所见，所有打开的标签都被关闭了。双引号的事情很有趣！我使用了我认为是键盘上的双引号键。但我会尝试替换它们。请注意，在

html5

（如果使用html5 doctype）上，没有必要关闭“自动关闭标签”或“void元素”“就像

。老实说，请参阅我不知道我是否在使用html5；）你所看到的就是你所得到的编辑器听起来很诱人，我一定要看看。那是奇怪的引号！它现在可以工作了！！！我的照片是可见的，我很高兴！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <img src="./promo_5.png" alt="Describe my picture here!" />
</body>
</html>