如果网页HTML中需要使用到一些特殊的字形或字体来强调、突出、区别以达到提示的效果,那么会使用到物理类型和逻辑类型两种类型,下面分别为大家介绍。
①逻辑类型
逻辑类型是使用一些标签来改变字体的形态和式样,以便产生一些浏览者习惯的或约定的显示效果,常用的逻辑类型标签有八种,放在标签之间的文字受其控制。
em标签:用于强调的文本,一般显示为斜体字
strong标签:用于特别强调的文本,显示为粗体字
cite标签:用于引证和举例,通常是斜体字
code标签:用来指出这是一组代码
small标签:规定文本以小号字显示
big标签:规定文本以大号字显示
samp标签:显示一段计算机常用的字体,即宽度相等的字体
kbd标签:由用户输入文本,通常显示为较粗的宽体字
var标签:用来表示变量,通常显示为斜体字
dfn标签:表示一个定义或说明,通常显示为斜体字
sup标签:12<sup>2</sup>=144
sub标签:硫酸亚铁的分子式是fe<sub>2</sub> so<sub>4</sub>
示例代码如下:
<em>大众计算机学习网欢迎您!</em>
<strong>今天天气真好!</strong>
<code>大众计算机学习网欢迎您!</code>
<samp>今天天气真好!</samp>
<kbd>今天天气真好!</kbd>
<var>大众计算机学习网欢迎您!</var>
<dfn>今天天气真好!</dfn>
<cite>大众计算机学习网欢迎您!</cite>
②物理类型
(1)粗体标签<b> 放在<b>与</b>标签之间的文字将以粗体方式显示。
(2)斜体标签<i> 放在<i>与</i>标签之间的文字将以斜体方式显示。
(3)下划线标签<u> 放在<u>与</u>标签之间的文字将以下划线方式显示。
<font color="#ff0000" size="+2"><b>此处文本是粗体的</b></font><br><br>
<i>此处文本是斜体的</i> <br><br>
<u>此处文本带有下划线</u>