Question

我是编码的绝对新手。事实上，我可能永远不会再这样做了;）我正试图为我的男朋友创建这个非常简单的网站作为一个惊喜（他是一个开发人员）。而现在我只是遇到了另一个问题:( 我决定使用html（尽管我现在非常绝望，我愿意接受任何事情）。

<!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;">

到目前为止，这就是我所拥有的一切。它只是更多的文字，更多的图像，也许还有一点颜色和布局（如果我可以管理它）。

现在我最大的问题是插入图像。它只是不起作用:( 有人可以帮助我吗？

Answer 1

您必须关闭所有代码。你看到和

标签等？所有那些/之前的标记都是一个部分的结尾。首先，您需要<html>和<body>标记。您还需要在图像标记上使用它，但对于像图像这样的标记，有一种特殊的方法。只需在图像标记的有角括号的末尾添加一个空格，后跟斜杠：

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

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

到目前为止你的项目工作很好，祝你好运！

修正了您的代码版本：

<!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文件的目录中。文件名区分大小写。

Answer 2

首先，我认为你这样做真是太好了！

这是一个可能帮助你的示例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正在使用相对路径来查找图像。

Answer 3

多么甜蜜！

我建议您使用WYSIWYG（所见即所得）编辑器来设计Microsoft Word。完成设计后，转到工具＆gt;源代码。在那里你可以获得你的设计的HTML代码。只需从那里复制代码并将其粘贴到<body></body>标记中即可。并做了！你设计了网页！

链接到WYSIWYG编辑器：click here

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

生日惊喜

3 个答案: