- HTML 教程
- HTML 教程
- HTML - 简介
- HTML - 编辑器
- HTML - 基本标签
- HTML - 元素
- HTML - 属性
- HTML - 标题
- HTML - 段落
- HTML - 字体
- HTML - 块和内联元素
- HTML - 样式表
- HTML - 文本格式化
- HTML - 引用
- HTML - 注释
- HTML - 颜色
- HTML - 图像
- HTML - 图像映射
- HTML - iframe
- HTML - 短语标签
- HTML - 类
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表格标题
- HTML - 表格样式
- HTML - 表格 Colgroup
- HTML - 嵌套表格
- HTML 列表
- HTML - 列表
- HTML - 无序列表
- HTML - 有序列表
- HTML - 定义列表
- HTML 链接
- HTML - 文本链接
- HTML - 图片链接
- HTML - 电子邮件链接
- HTML 颜色名称和值
- HTML - 颜色名称
- HTML - RGB 和 RGBA 颜色
- HTML - 十六进制颜色
- HTML - HSL 和 HSLA 颜色
- HTML 表单
- HTML - 表单
- HTML - 表单属性
- HTML - 表单控件
- HTML - 输入属性
- HTML 媒体
- HTML - 视频元素
- HTML - 音频元素
- HTML - 嵌入多媒体
- HTML 标头
- HTML - 头部
- HTML - 网站图标
- HTML - JavaScript
- HTML 布局
- HTML - 布局
- HTML - 布局元素
- HTML - CSS布局
- HTML - 响应式网页设计
- HTML - 特殊符号
- HTML - 表情符号
- HTML - 样式指南
- HTML 图形
- HTML - SVG
- HTML - 画布
- HTML API 接口
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSockets
- HTML - Web 存储
- HTML - 服务器发送事件
- HTML 杂项
- HTML - 数学标记语言
- HTML - 微观数据
- HTML - 索引数据库
- HTML - Web 消息传递
- HTML - CORS
- HTML - Web RTC
- HTML 演示
- HTML - 音频播放器
- HTML - 视频播放器
- HTML - Web 幻灯片台
- HTML 工具
- HTML - 二维码
- HTML - Modernizr
- HTML - 验证器
- HTML 备忘单
- HTML - 标签参考
- HTML - 属性参考
- HTML - 事件参考
- HTML - 字体参考
- HTML - ASCII 代码参考
- HTML - 实体
- MIME 媒体类型
- HTML - URL 编码
- HTML - ISO 语言代码
- HTML - 字符编码
- HTML - 已弃用的标签和属性
HTML - i 标签
HTML <i> 标签用于以斜体样式显示内容,通常用于不同语言中的重要单词以及技术术语。如果我们在段落元素中编写内容,但内容中出现了重要的单词或不同的语言,我们可以使用 <i> 标签来突出显示重要单词。
语法
<i> content </i>
属性
<i> 标签示例
在下面的例子中,我们将看到 i 元素的不同例子。每个示例都将说明html i标签的用例。
指定斜体元素
在下面的示例中,让我们看看 <i> 标签在 HTML 文档中的用法。
<!DOCTYPE html>
<html>
<body>
<h2>
<i>This one is italic text</i>
</h2>
<p>
I looked at it and thought
<i>This can't be real! </i>
</p>
<p>
The term <i>bandwidth</i> describes the measure
of how much information can pass through a data connection
in a given amount of time.
</p>
</body>
</html>
设置斜体元素样式
考虑以下示例,我们正在创建一个 HTML 文档并使用 <i> 标签创建斜体文本,并使用 style 属性使斜体文本具有样式。
<!DOCTYPE html>
<html>
<head>
<style>
i {
color: red;
}
</style>
</head>
<body>
<h2>
<i>This one is italic text</i>
</h2>
<p>
I looked at it and thought
<i>This can't be real! </i>
</p>
<p>
The term <i>bandwidth</i> describes the measure
of how much information can pass through a data connection
in a given amount of time.
</p>
</body>
</html>
使用斜体元素指示差异语言
让我们看一下另一种情况,我们将在文本中使用 <i> 来表示它是不同的语言。
<!DOCTYPE html>
<html>
<head>
<style>
i {
color: red;
}
</style>
</head>
<body>
<p>
The Latin phrase <i lang="la">Veni, vidi,
vici</i> is often mentioned in music, art,
and literature.
</p>
</body>
</html>
HTML <i> 标签用法
当没有更合适的语义元素时,在任何文本上使用 <i> 标签。例如 <em>、<strong>、<mark>、<cite> 和 <dfn> 标签。
支持的浏览器
浏览器 | |||||
---|---|---|---|---|---|
<i> | Yes | Yes | Yes | Yes | Yes |