HTML基础知识（4）

HTML标签学习

1.1.1标题标签

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

➢ 标题标签一共有几个？分别表示什么含义？
• h1标签：一级标题
• h2标签：二级标题
• h3标签：三级标题
• h4标签：四级标题
• h5标签：五级标题
• h6标签：六级标题
➢ 标题标签有哪些特点？
• 文字都有加粗
• 文字都有变大，但是从h1 → h6文字逐渐减小
• 独占一行

 1.2.1段落标签

场景：在新闻和文章的页面中，用于分段显示
➢ 代码：

<p></p>

➢ 语义：段落
➢ 特点：
• 段落之间存在间隙
• 独占一行

1.3.1换行标签

➢ 场景：让文字强制换行显示
➢ 代码：

<br>  单标签

➢ 语义：换行
➢ 特点：
• 单标签
• 让文字强制换行

1.4.1水平线标签

➢ 场景：分割不同主题内容的水平线
➢ 代码：

<hr>

➢ 语义：主题的分割转换
➢ 特点：
• 单标签
• 在页面中显示一条水平线

1.5.1文本格式化标签

➢ 场景：需要让文字加粗、下划线、倾斜、删除线等效果
➢ 代码：

如果文本很重要用英文标签强调

➢ 语义：突出重要性的强调语境

2.1.1标签语义化

➢ 实际项目开发中选择标签的原则：标签语义化
• 即：根据语义选择对应正确的标签
• 如：需要写标题，就使用h系列标签
• 如：需要写段落，就使用p标签
• ……
➢ 好处：
• 对人：好理解，好记忆
• 对机器：有利于机器解析，对搜索引擎（SEO）有帮助
➢ 推荐：
• strong、ins、em、del，表示的强调语义更强烈！