【HTML基础】第四课、HTML基础之标签(I)

---

HTML基础之HTML标签(I)

1. 标题 h1~h6

看图 看图 看图！看

看黑板，敲重点，嘿嘿。

• <h1></h1> 标签，一个网页中建议只有一对，该标签的作用就是告诉搜索引擎，里面的内容很重要，对搜索引擎优化 （SEO）有好处。（PS：关于SEO的优化，后续文章会讲到）
  简单的理解：h1标签超级重要的噢！可以理解为网页的标题，作用次于 <title>标签，<h2>标签理解为网页的副标题，一个网页中可以有多个 <h2> 标签，<h3>标签可以理解为章标题，或者节标题。
• 标题的字号，都是浏览器默认的，这些字号也可以通过 CSS样式来修改。

2. 段落标签 p

由上述 例子，总结一下

• <p> 标签会忽略多个空格，只显示一个空格，且不会换行
• <p> 标签的每个段落，会自动换行

3. 段内换行 br

<br /> 标签的作用，想必就不用再多说了吧，这里要提一下的是，
<br /> 和<br>的效果是一样的，但是为了代码的规范，建议还是加上反斜杠 /
在代码演示中，大家也观察到了   吧，只需要知道这个是空格字符，属于特殊字符，全小写即可

4. 预留格式 pre

• 也可以称为预排版标签
• 定义预格式化的文本，文本中的空格和换行符会被保留
• 适合显示计算机代码

5. 段内分组 span

可以用 <span>标签，对想要的内容完成特定的修饰

6. 水平线 hr

作用：添加水平线（滑稽）
水平线默认是从网页的左端一直延伸，和 br /标签一样，为了代码的规范，记得写成 <hr />。

---

附：注释

注释的作用就是，增加代码的可读性，也可以对修改版本，作者进行说明。
为了你好，我好，大家好，千万记得写注释！！！

---

感谢大家的阅读，已经将Web前端开发的笔记都放在了 Web前端 分栏里面：传送门