颜值即正义！HTML 标签怎样让网页更好看？
hi~大众好！本咱们来学习 HTML 的常用标签。
相信学习本文的学员已然能熟悉书写一个完整的 HTML 骨架了（PS：还未把握该项技能的萌新，可移步 HTML 基本部分其他文 get 必须技能），但光有骨架的网页只是完成为了框架构建，还不足饱满，必须去添加“血肉”，即给网页添加详细的内容，如：文字、图像等。
那怎样给网页添加内容呢？
这就必须除 HTML 骨架标签之外其他标签的辅助， 即本门文中讲解的 HTML 常用标签。
那样，HTML 常用标签能实现那些效果呢？
其类似于咱们都接触过的 Word 文档的排版，亦便是说，在网页中实现对文档标题、文案段落、文字格式等部分的设置，插进照片等内容，最后实现文档整体布局的调节。
因此呢，本节课重点学习下列标签：
（1）标题标签：顾名思义便是设置文案标题；
（2）段落标签与换行标签：对文案分段，文案换行；
（3）文本格式化标签：为了导致用户重视，对文案中重要词语进行加粗、斜体设置；
（4）图像标签：向网页中插进照片；
（5）<div>标签与<span>标签：网页研发中运用频率最高的标签，类似于盒子，用于装内容；重点用于实现网页布局。
为了便于大众理解与记忆，文将在知识点讲解过程中辅以恰当的案例进行演示，咱们相信学完本门文，你将会有如下收获：
（1）理解标签语义化的含义
（2）运用标题标签设置文案标题；
（3）运用段落标签与换行标签为文案设置段落，并实现换行；
（4）运用文本格式化标签设置文字格式；
（5）运用图像标签为网页插进照片；
（6）理解<div>标签与<span>标签的含义与功效；
好了，就让咱们起始本文的学习吧！
第1关 标签语义
标签语义
相信这里之前你已然把握了 HTML 的骨架标签，这些标签并不难，然则在本文以及后续文中咱们还会学习海量的标签。你可能会有担忧，这么多的标签能把握吗？
不要担心，其实学习标签时是有技巧的！这个诀窍便是：标签语义！
标签语义，简单的理解便是指标签的含义，即这个标签是用来干什么的。例如：某个标签是用来让文字换行还是划分段落。
按照标签的语义，在合适的地区添加一个最为恰当的标签，就可让页面的结构更加的清晰。
图1为未添加标签的网页，图2为已添加标签的网页，如下图所示：
| 
发表于 2024-6-29 11:04:39
