HTML中 <h1> 到 <h6> 标签

最新推荐文章于 2025-01-01 17:44:18 发布

原创最新推荐文章于 2025-01-01 17:44:18 发布 · 3.6k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#html

前端学习专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了HTML中<head1>至<h6>的用法，包括它们在页面结构中的角色，样式影响，以及如何通过这些标签有效地组织网页内容。

1.HTML简介
1.HTML是一种用来描述网页的语言。

HTML指的是超文本标记语言(Hypertext Markup Language)
HTML不是编程语言，而是一种标记语言(Markup Language)
标记语言是一套标记标签(markup tag)
HTML使用标记标签来描述网页

2.HTML代码写出即是网页，HTML中包含名称、标签、内容（网页描述）。
3.浏览器打开网页时，不会读取标签；而是将HTML文档读取出来，并用标签解释HTML中的页面内容。
2.HTML中的标签
HTML中< h1 >到< h6 >标签是可定义标题。< h1 > 定义最大的标题。< h6 > 定义最小的标题。
说明：由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用层叠样式表定义来达到漂亮的显示效果。
实例：

<html>                                #文本
	<head>                            #属性信息
		<title>这是网页标题</title>
	</head>
	<body>                            #浏览器打开可见内容
		<h1>这是标题 1</h1>           #标题
        <h2>这是标题 2</h2>
        <h3>这是标题 3</h3>
        <h4>这是标题 4</h4>
        <h5>这是标题 5</h5>
        <h6>这是标题 6</h6>
	</body>
</html>

说明：

< html >与< /html >之间的文本描述网页。
< body>与< /body >之间的文本是可见的页面内容。
< body>与< /body >之间的文本是可见的页面内容。
< head >与< /head >描述了文档的各种属性和信息。
< title >与< /title >之间的文本是网页的标题。
< h1 >与< /h1 >之间的文本被显示为标题。
< p >与< /p >之间的文本被显示为段落。

3.HTML中< p >代表什么
html标签

是段落的意思，p是paragraph英文段落的缩写。

元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，也可以在CSS样式表中规定。
< p >标签支持HTML中的全局属性和HTML中的事件属性。

<p>这是段落</p>

4.HTML中常用标签及标签意思

标签	代表的含义
< table ></ table >	表格的标签
< td ></ td >	单元格的标签
< tr ></ tr >	表格的行标签
&nbsp	表示空格的特殊符号
< form ></ form >	表单控件的标记符
< textarea ></ textarea >	表单中多行文本域的标记符
.html	超文本文件的扩展名
<imgsrc=”图片地址”>	插入图片的标记符
< body ></ body >	文件主体部分的标签
< title ></ title >	标题的标记符
< a >	用来定义超文本文档的标记符
< head ></ head >	用来介绍与文件内容有关的信息的标记符
< br >	换行标记符
< p></ p>	定义段落的标记符
< b ></ b >	定义黑体的标记符
< i ></ i >	定义斜体.的标记符
< u ></ u >	显示文字加下划线.的标记符
< ul ></ ul >	定义无序列表的标记符
< ol ></ ol >	定义有序列表.的标记符
< a href=”地址”></ a>	超链接中用来指明超链接目标的属性的标记
&copy	版权符号的特殊符号
< body ></ body >	HTML的主体内容放在文件中的什么标记之间
< li >< /li >	定义列表的项目