您的位置:首页 > HTML > 【 返回上一页

html <em> 斜体强调标签元素

html <em> 标签元素【htm 强调标签】斜体强调 HTML EM标签

<em>标签具有对文字字体强调功能,但效果是将字体实现成为斜体倾斜显示。有点像html <i>标签一样字体斜体效果。

一、html em标签语法与结构

em标签具有强调文本文字作用,但浏览器读取显示效果是与html i斜体效果相同。

1、html em标签语法
em html结构
<em>标签开始,以</em>标签结束。
em是一对有开始有结束的闭合标签,不可单使用。必须以<em>开始就要以</em>结束标签。

2、em标签小示范

<em>文本内容</em> 

从以上代码可以看出,要强调内容是放入em标签内的。

3、em使用结构图

html em标签结构分析图与实现斜体效果截图
html em标签结构分析图与实现斜体效果截图

二、html em强调标签使用小例子

1、完整EM实例HTML代码

<!DOCTYPE html> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html em实例 ThinkCSS</title>
</head>
<body>
ThinkCSS关于EM标签实例<em>我在EM标签内</em>正常显示
</body>
</html>

在实例中有的文字放入html em强调标签内 有的没有,我们观察其斜体效果实验。(以上HTML实例代码可以直接复制保存观察效果)

2、效果截图

被html强调标签em标签斜体倾斜显示的字体实例截图
被html强调标签em标签斜体倾斜显示的字体实例截图

三、em使用总结

虽然html <em>叫强调标签,不是我们想象的文字字体被加粗就叫被强调,这里强调却是把字体斜体显示,就像html 斜体i标签一样斜体倾斜显示文字效果。在实际布局过程中需要用到多个标签方便div css布局时,就可以使用这些小众标签,可以使用 css font-style去掉本身默认样式,重新赋予想要新的CSS样式属性。

关于EM单词相关扩展阅读
html em长度单位

如需转载,请注明文章出处和来源网址:https://www.thinkcss.com/html/938.shtml

修订日期:2016-07-15 17:07 www.thinkcss.com css