基本的 HTML 标签 - 四个实例（三）

最新推荐文章于 2023-04-29 14:50:27 发布

小热茶

最新推荐文章于 2023-04-29 14:50:27 发布

阅读量247

点赞数

分类专栏： HTML 文章标签： html

原文链接：https://www.w3school.com.cn/html/html_elements.asp

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本章通过实例向您演示最常用的 HTML 标签。

提示：不要担心本章中您还没有学过的例子，您将在下面的章节中学到它们。

提示：学习 HTML 最好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器，您可以任意编辑一段 HTML 源码，然后单击 TIY 按钮来查看结果。

HTML 标题

HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

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

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。

<a href="https://blog.csdn.net/qq_30860901?spm=1001.2101.3001.5343">小热茶</a>

注释：在 href 属性中指定链接的地址。

（您将在本教程稍后的章节中学习更多有关属性的知识）。

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

<img src="https://img-blog.csdnimg.cn/img_convert/5975adb604a020d06657c7075c19fe8f.png" width="600" height="400" />

注释：图像的名称和尺寸是以属性的形式提供的。

HTML 元素

HTML 文档是由 HTML 元素定义的。

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
开始标签元素内容结束标签
<p> This is a paragraph </p>
<a href="default.htm" > This is a link </a>
<br />

开始标签	元素内容	结束标签
<p>	This is a paragraph	</p>
<a href="default.htm" >	This is a link	</a>
<br />

HTML 元素语法

HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性

提示：您将在本教程的下一章中学习更多有关属性的内容。

嵌套的 HTML 元素

大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。

HTML 文档由嵌套的 HTML 元素构成。

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

上面的例子包含三个 HTML 元素。

HTML 实例解释

<p> 元素：

<p>This is my first paragraph.</p>

这个 <p> 元素定义了 HTML 文档中的一个段落。

这个元素拥有一个开始标签 <p>，以及一个结束标签 </p>。

元素内容是：This is my first paragraph。

<body> 元素：

<body>
<p>This is my first paragraph.</p>
</body>

<body> 元素定义了 HTML 文档的主体。

这个元素拥有一个开始标签 <body>，以及一个结束标签 </body>。

元素内容是另一个 HTML 元素（p 元素）。

<html> 元素：

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

<html> 元素定义了整个 HTML 文档。

这个元素拥有一个开始标签 <html>，以及一个结束标签 </html>。

元素内容是另一个 HTML 元素（body 元素）。

不要忘记结束标签

即使您忘记了使用结束标签，大多数浏览器也会正确地显示 HTML：

<p>This is a paragraph
<p>This is a paragraph

上面的例子在大多数浏览器中都没问题，但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。

注释：未来的 HTML 版本不允许省略结束标签。

空的 HTML 元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。

在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。

HTML 提示：使用小写标签

HTML 标签对大小写不敏感：<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。

W3School 使用的是小写标签，因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。

小热茶

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
基本的 HTML 标签 - 四个实例（三）

本章通过实例向您演示最常用的 HTML 标签。提示：不要担心本章中您还没有学过的例子，您将在下面的章节中学到它们。提示：学习 HTML 最好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器，您可以任意编辑一段 HTML 源码，然后单击 TIY 按钮来查看结果。HTML 标题HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。<h1>This is a heading</h1>&
复制链接

扫一扫