html5标签学习系列1：基础标签

最新推荐文章于 2025-01-26 18:45:45 发布

原创最新推荐文章于 2025-01-26 18:45:45 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

HTML5 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了HTML5中常用的基础标签，包括文档类型声明、html、title、body等，并详细解释了每个标签的作用及用法。

HTML5中基础标签如下:<!DOCTYPE>、<html>、<title>、<body>、<h1>to<h6>、<p>、<br>、<hr> 、

<!DOCTYPE>标签

它是用来指示web浏览器关于页面使用哪个版本的HTML进行编写的命令。在HTML5中只有一种声明：<!DOCTYPE html>,它没有结束标签,且对大小写不敏感.

<html>标签

此元素可告知浏览器自身是一个HTML文档，<html>与</html>标签限定了文档的起点和终点，在它们之间是文档的头部和主体。文档的头部有<head>标签定义,而主体由<body>标签定义

<title>标签

此标签可定义文档的标题，浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表收藏夹或书签列表时，标题将成为该文档链接的默认名称。

<body>标签

本元素用于定义文档的主体，它包含文档的所有内容(比如文本、超链接、图像、表格和列表等)

<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>

<body>
文档的内容......
</body>

</html>

<h1>to<h6>

可用于定义标题，<h1>定义最大的标题，<h6>定义最小的标题。它们是用来定义文档的标题的，而不是用来改变文档内容字体大小的，使用css可以达到更好的效果

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<p>标签

用于定义段落，p元素会自动在其前后创建一些空白，浏览器会自动添加这些空间，当然也可以在样式表中规定。p元素属于块级标签，可以只在块(block)内指定段落,也可以把段落和其它段落、列表、表单和预定义格式的文本一起使用。总的来讲，这意味着段落可以在任何有合适文本流的地方出现，例如文档的主体中、列表的元素里等。

<p>海上生明月</p>
<p>天涯共此时</p>

<br>标签

用于换行，它是一个单标签

<p>千里之行<br />始于足下</p>

<hr>标签

在HTML页面中创建一条水平线

<p>这是段落</p>
<hr>
<p>这是段落</p>

标签

用于注释用于在源代码中添加注释。注释不会显示在浏览器中。

<!--这是一段注释。注释不会在浏览器中显示。-->