html的i标签有什么作用
程序员文章站
2022-04-02 12:15:37
...
在html中,i标签的作用是给元素文本添加斜体样式;在html里添加i标签后,浏览器会将包含在i标签中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
<i> 标签显示斜体文本效果。
<i> 标签和基于内容的样式标签 <em> 类似。它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。
提示:<i> 标签一定要和结束标签 </i> 结合起来使用。
注意:由于i同时也是icon的缩写,像bootstrap等一些流行的框架,也经常用<i>标签来存储图标(icon),一般是用css写到<i>标签中。
实例:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> </style> </head> <body> <div> <p>这里是缅甸北部</p> <p>这里是<i>缅甸北部</i></p> </div> </body> </html>
效果:
推荐学习:html视频教程
以上就是html的i标签有什么作用的详细内容,更多请关注其它相关文章!
上一篇: 使用 $.grep() 方法
下一篇: jsp如何引入css
推荐阅读
-
站内优化中标签有什么作用 标签的选取/布局/使用注意事项
-
请问这段Tab选项卡的代码为什么不起作用?_html/css_WEB-ITnose
-
同样的样式为什么没有作用?_html/css_WEB-ITnose
-
站内优化中标签有什么作用 标签的选取/布局/使用注意事项
-
为什么设置的margin-top不不起作用_html/css_WEB-ITnose
-
HTML5 中的 b/strong,i/em 有什么区别?
-
a:active的作用是什么简单介绍_html/css_WEB-ITnose
-
css hack 9的作用是什么_html/css_WEB-ITnose
-
css选择器大于号>的作用是什么_html/css_WEB-ITnose
-
HTML的标签有什么用