二维码
搜索 ×

HTML 基本示例

  • 作者：图形开发学院
  • 更新时间：2023年11月01日
  • 阅读量：0
  • 收藏数：0

HTML 基本示例

在本章中，我们将展示一些基本的 HTML 示例。

如果我们使用您尚未了解的标签，请不要担心。

HTML 文档

所有 HTML 文档都必须以文档类型声明开头：。<!DOCTYPE html>

HTML 文档本身以 开头，以 结尾。<html>``</html>

HTML 文档的可见部分介于 和 之间。<body>``</body>

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

<!DOCTYPE> 声明

该声明表示文档类型，并帮助浏览器正确显示网页。<!DOCTYPE>

它只能在页面顶部（在任何 HTML 标记之前）出现一次。

声明不区分大小写。<!DOCTYPE>

HTML5 的声明是：<!DOCTYPE>

1
<!DOCTYPE html>

HTML 标题

HTML 标题是使用 to 标记定义的。<h1>``<h6>

<h1>定义最重要的标题。 定义最不重要的 标题：<h6>

1
2
3
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

HTML 段落

HTML 段落使用以下标记进行定义：<p>

1
2
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML 链接

HTML 链接使用以下标记定义：<a>

1
<a href="http://www.adamsw.com">This is a link</a>

链接的目标在属性中指定。href

属性用于提供有关 HTML 元素的其他信息。

您将在后面的章节中了解有关属性的更多信息。

HTML 图像

HTML 图像是用标记定义的。<img>

源文件 （）、替代文本 （）、和作为属性提供：src``alt``width``height

1
<img src="adamlogo.png" alt="adamsw.com" width="104" height="142">

如何查看 HTML 源代码

你有没有看过一个网页，想知道“嘿！他们是怎么做到的？

查看 HTML 源代码：

在 HTML 页面中单击 CTRL + U，或右键单击该页面并选择“查看页面源代码”。这将打开一个 新标签页 包含页面的 HTML 源代码。

检查 HTML 元素：

右键单击一个元素（或空白区域），然后选择“检查”以查看由哪些元素组成（您将同时看到这两个元素） HTML 和 CSS）。您还可以在 打开的“元素”或“样式”面板。

推荐教程