html i是什么标签?html i标签的使用方法总结

寻∝梦
发布: 2018-08-31 12:08:13
原创
23116人浏览过

本篇文章主要讲述了关于html i标签的介绍,还有html i标签的使用方法的介绍,最后是我的个人总结,接下来就让我们一起来看看这篇文章吧

首先我们说说html i标签是什么?我们来看看关于i标签的介绍:

<i>定义与文本中其余部分不同的部分,并把这部分文本呈现为斜体文本。

<i>标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。

在没有其他适当语义的元素可以使用时,请使用<i>元素。

立即学习前端免费学习笔记(深入)”;

提示:在HTML4.01中,<i>标签呈现斜体的文本。然而,在HTML5中没有必要这么做,可以使用样式表来格式化<i>元素中的文本。

<i>标签显示斜体文本效果。

<i>标签和基于内容的样式标签<em>类似。它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。

提示:<i>标签一定要和结束标签</i>结合起来使用。

注意:由于i同时也是icon的缩写,像bootstrap等一些流行的框架,也经常用<i>标签来存储图标(icon),一般是用css写到<i>标签中

接下来我们说说关于HTML i标签的使用方法:

i元素表示有别于常规文字的文本,具有不同的语态或语气,用于分类名称、技术术语、外语里的惯用语、翻译的散文、西方文字中的船舶名称等。

如果 i元素中的文本,与主要文本使用不同的语言,则要使用 lang属性进行注明。如:

慧中标AI标书
慧中标AI标书

慧中标AI标书是一款AI智能辅助写标书工具。

慧中标AI标书 120
查看详情 慧中标AI标书
<p>这里 <i>是PHP中文网</i>PHP中文网。</p>
<p>这是 <i>一个能免费学习</i>任何编程语言的网站。</p>
<p>很多人都喜欢<i>来PHP中文网</i>来学习。</p>
登录后复制

默认情况下,浏览器都会把强调文本显示为斜体。运行结果如图所示:

tuyi.png

我把变化的地方都指出来了,这样应该很明显了吧

定义斜体字

<i>文本</i>
登录后复制

该文本会产生倾斜的样式,可以用作对某一特殊字段的着重表明或区分强调

html i标签的总结:

HTML i标签是在HTML4.01版本当中是可以定义文本的样式的,但是在HTML5中添加的css样式能把i标签内的文本格式给取消掉,所以在HTML5中很少有人使用<i>标签来表示文本强调,但是在HTML4.01版本中<i>标签还是听说欢迎的,这也是我为什么要说html i标签的原因之一。

文章到这就结束了(想学更多就来PHP中文网,一个有很多免费的编程课程的网站),有问题的可以在下方提问。

【小编推荐】

HTML button标签是否有超链接?这有button标签设置超链接的实例

HTML如何自定义dialog背景?一篇文章教你如何自定义dialog!

以上就是html i是什么标签?html i标签的使用方法总结的详细内容,更多请关注php中文网其它相关文章!

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号