HTML认知04标签学习1

---

前提

进入标签学习，主要学习html排版、媒体
链接等基础标签，完成基础网页开发

本节笔记为排版标签

---

一、标题标签

• 场景：在新闻和文章中，都离不开标题，用于突出文章
• 代码：h系列标签

<h1>1级标签</h1>
<h2>2级标签</h2>
<h3>3级标签</h3>
<h4>4级标签</h4>
<h5>5级标签</h5>
<h6>6级标签</h6>

• 语义：1至6级标签，重要程度依次减小

• 特点：文字都有加粗；文字都有变大，且从h1至h6文字逐渐减小；独占一行；在body内写
  让我来操作一下叭！
  1.会自动出现，不用自己打
  2.打出六种标签标题
  
  3.运行一下下
  
  小技巧总结：

• 想要复制哪一行就将光标放于某行，然后ctrl+c，ctrl+v
  
  

• 选中本行要替换的重复的数字，然后ctrl+d，然后删除，替换
  ctrl+d后光标会显示在相同数字前
  
  

二、段落标签

• 场景：在新闻和文章的页面中，用于分段显示
• 代码：<p>一段文字</p>
• 语义：段落
• 特点：段落之间存在间隙；独占一行
  如下图
  

小技巧总结

• 若文字很长很长，可以通过查看-自动换行
  
  
  
• 两段之间存在间隙，是系统默认的距离，若想修饰两段间的距离，需要学css后才可修饰

三、换行标签

• 场景：让文字强制换行显示
• 代码：<br>
• 语义：换行
• 特点：单标签；让文字强制换行

二、水平线标签

• 场景：分割不同主题内容的水平线
• 代码：<hr>
• 语义：主题的分割转换
• 特点：单标签；在页面显示一条水平线