一、html标题标签
通过 <h1>、<h2>、<h3>、<h4>、<h5>、<h6>,标签可以在网页上定义6种级别的标题。
具体表现形式直观来讲就是字体加粗加大
6种级别的标题表示文档的6级目录层级关系,比如说: <h1>用作主标题,其后是 <h2>,再其次是 <h3>,以此类推。(和MarkDown的“#”一个样)
搜索引擎会使用标题将网页的结构和内容编制索引,所以网页上使用标题是很重要的。
实例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
</body>
</html>
二、段落标签
<p>标签定义一个文本段落,一个段落含有默认的上下间距,段落之间会用这种默认间距隔开
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>段落</title>
</head>
<body>
<p>HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超
文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的
标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm。
</p>
<p>一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方
式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页,显示的网
页可以从一个网页链接跳转到另外一个网页。</p>
</body>
</html>
效果:
可以看到虽然我们在代码中给两段文字加了一个空行,但是在浏览器中两段文字还是接在一起的。
要想解决这个问题,就要介绍下面的换行标签。
三、换行标签
在想换行的地方插入<br />
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>
一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用<br />
文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件<br />
渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页。
</p>
</body>
</html>
效果:
四、html字符实体
关于空格
在代码中成段的文字中打多个空格,在渲染成网页时只会显示一个空格,如果想显示多个空格,可以使用空格的字符实体 
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>
一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用<br />
文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件<br />
渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页。
</p>
</body>
</html>
效果:
可以看到第一行之前有两个空格
关于“<”和“>”
因为html的标签中含有"<"和">",而想在网页中正确显示"<"和">"的话,要使用字符实体< 和 >
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!-- “<” 和 “>” 的字符实体为 < 和 > -->
<p>
3 < 5 <br>
10 > 5
</p>
</body>
</html>
效果: