我如何获得此视图的HTML和样式？

Question

我是网络编程的初学者，我需要为学校项目创建一个网站。

在我的网站上，我希望有这样的观点：

我在website上看到了。

我如何获得html的内容？

Answer 1

使用浏览器的工具！

首先，正如您提到的“视图” - HTML中不存在“视图”。但是有标签。常见代码为<a href="...">...</a>，<strong>bold text</strong>，<div>...</div>，...您想要的是获取包含多个子代码的代码。

在Firefox中，有一个名为Page inspector的工具。它可以让您以交互方式检查网站的源代码（例如，将鼠标悬停在标记上并突出显示）。有了它，您可以轻松找到所需的HTML标记。但是你还需要每个标签的CSS样式。如果单击标记，则CSS样式将显示在右侧。您必须将它们复制到样式表中，并且您可能需要修改它们以匹配不同的HTML结构。

Chrome也有类似内容。

但请注意，简单地复制粘贴此代码而不修改它并不是很好。发现如何做这样的事情是个好主意，但我强烈建议改变它，拥有自己的东西！