2.2文本类标签-高二《Web前端开发-网页设计》同步精品课堂（电工版2023）

单元2 HTML基础 2.2文本类标签 PART 01 标题标签 主要内容 CONTENTS PART 04 文本格式化标签 PART 03 换行标签与水平线标签 PART 05 转义字符 PART 02 段落标签 2 标题标签 标题标签 <h1>…</h1> <h2>…</h2> <h3>…</h3> <h4>…</h4> <h5>…</h5> <h6>…</h6> 不同等级的标题标签对比 <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> 【案例2.2.1】标题标签的使用 段落标签 段落标签 <p>…</p> 段落标签由开始标签<p>和结束标签</p>组成，开始和结束标签之间的内容会被视为一个段落。 <p>什么是HTML<p> <p>HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。<p> <p align="center">网页设计教程<p> </body> 示例 【案例2.2.2】段落标签的使用 换行标签 换行标签 <br/> <p>什么是HTML<p> <p>HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签。<br> 通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。<br> HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。<p> <p align="center">网页设计教程<p> 示例 【案例2.2.3】换行标签的使用 文本类标签 水平线标签 <hr/> 示例 <p>什么是HTML</p> <hr> <p>HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签。<br> 通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。<br>HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。</p > <p align="center">网页设计教程</p > 【案例2.2.4】水平线标签的使用 文本格式化标签 字体样式标签 强调标签中的内容，并将字体加粗：<strong>…</strong> 加粗标签中的字体：<b>…</b> <p><strong>什么是HTML</strong></p> <hr> <p><b>HTML</b>的全称为超文本标记语言，是一种标记语言。它包括一系列标签。<br>通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。<br> HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。</p > <p align="center">网页设计教程</p > 示例 <strong>和<b>标签都可以使标签中的文本以粗体展示，但是<strong>标签的语义是标签中的内容具有很高的重要性，而<b>标签的语义仅仅是加粗文本以引起读者的注意，没有特殊的强调意思。 注意 【案例2.2.5】 <strong>与<b>标签的使用 转义字符 转义字符 特殊符号 字符实体 示例 空格 &nbsp; <a href="#">百度</a>&nbsp;|&nbsp; <a href="#">新浪</a> 大于号(>) &gt; 如果时间&gt;晚上6点，就坐车回家 小于号(<) &lt; 如果时间&lt;早上7点，就走路去上学 引号(") &quot; W3C规范中，HTML的属性值必须用成对的&quot;引起来 版权符号@ &copy; &copy; 人民邮电出版社 感谢观看 $