HTML学习07（实践1）：HTML常⽤标签之标题、段落、换⾏、空格、列表⽂章⽬录
本节主要介绍 HTML 常⽤标签之标题标签、段落标签、换⾏标签、空格标签、⽔平分割线和HTML 列表。
1、标题标签
标题标签heading tag有六种h1，h2，h3，h4，h5，h6，代表着不同⼤⼩的标题。可以使⽤标题标签组织⽹页结构，<h1>到<h6>显⽰出来的⽂字⼤⼩依次从⼤到⼩。
⽰例⼀如下：
效果如下：
⽰例⼆：
6种级别的标题表⽰⽂档的6级⽬录层级关系，⽐如说： <h1>⽤作主标题（最重要的），其后是 <h2>（次重要的），再其次是 <h3>，以此类推。搜索引擎会使⽤标题将⽹页的结构和内容编制索引，所以⽹页上使⽤标题是很重要的。
2、段落标签
段落标签paragrach tag：<p>
使⽤段落标签展⽰描述性内容。
⽰例⼀：
效果如下：
html中的5种空格表示
⽰例⼆：
效果如下：
从上述能看出，<p>标签定义⼀个⽂本段落，⼀个段落含有默认的上下间距，段落之间会⽤这种默认间距隔开。
3、换⾏标签和空格标签
代码中成段的⽂字，直接在代码中回车换⾏，在渲染成⽹页时候不认这种换⾏，如果真想换⾏，可以在代码的段落中插⼊<br />来强制换⾏，代码如下：
<p>
⼀个html⽂件就是⼀个⽹页，html⽂件⽤编辑器打开显⽰的是⽂本，可以⽤<br />
⽂本的⽅式编辑它，如果⽤浏览器打开，浏览器会按照标签描述内容将⽂件<br />
渲染成⽹页，显⽰的⽹页可以从⼀个⽹页链接跳转到另外⼀个⽹页。
</p>
4、html字符实体
代码中成段的⽂字，如果⽂字间想空多个空格，在代码中空多个空格，在渲染成⽹页时只会显⽰⼀个空格，浏览器会移除源代码中多余的空格和空⾏，所有连续的空格或空⾏都会被认为是⼀个空格。
如果想显⽰多个空格，可以使⽤空格的字符实体   ，代码如下：
<!--  在段落前想缩进两个⽂字的空格，使⽤空格的字符实体：   -->
<p>
  ⼀个html⽂件就是⼀个⽹页，html⽂件⽤编辑器打开显⽰的是⽂本，可以⽤<br />
⽂本的⽅式编辑它，如果⽤浏览器打开，浏览器会按照标签描述内容将⽂件<br />
渲染成⽹页，显⽰的⽹页可以从⼀个⽹页链接跳转到另外⼀个⽹页。</p>
效果如下：
在⽹页上显⽰ “<” 和 “>” 会误认为是标签，想在⽹页上显⽰“<”和“>”可以使⽤它们的字符实体<；和>，⽐如：
<!-- “<” 和 “>” 的字符实体为 <；和 >  -->
<p>
3 < 5 <br>
10 > 5
</p>
4、⽔平分割线

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。