HTML - ins 标签_HTML 菜鸟教程

HTML <ins> 标签表示已插入到 HTML 文档中的文本范围。此插入的文本由 Web 浏览器呈现为带下划线的文本。<ins> 标签可以与 <del> 标签一起使用。

语法


<ins> .... </ins>

属性

<ins> 标签支持 HTML 的全局属性和事件属性。下面列出了一些特定属性：

属性	值	描述
cite	URL	定义解释更改的资源的 URL。
datetime	YYYY-MM-DDThh:mm:ssTZD	定义插入文本的日期和时间。

<ins> 标签的示例

在下面的示例中，我们将看到 <ins> 标签的不同示例。每个示例都将说明<ins> 标签的用法示例。

<ins>、<del> 标签的简单用法

在下面的示例中，让我们查看 <ins> 标签以及 <del> 标签的用法。


<!DOCTYPE html>
<html lang="en">
<head>
	 <meta charset="utf-8">
</head>
<body>
	 <h1>qikepu.com</h1>
	 <h2>HTML ins element</h2>
	 <p>
			qikepu.com is a <del>physic classes</del>
			<ins>EdTech company</ins> that provides more 
			than 6000 courses and Qikepu Com
	 </p>
</body>
</html>

设置 <ins>和<del> 标签的css样式

考虑以下示例，我们正在创建一个 HTML 文档，并使用 <ins> 标签和 <del> 标签。我们还使用 CSS 属性来设置 ins 和 del 标签的内容样式。


<!DOCTYPE html>
<html lang="en">
<head>
	 <meta charset="utf-8">
</head>
	 <style>
	 del {
			background-color: #fbb;
			color: #555;
	 }

	 ins {
			background-color: #d4fcbc;
	 }
	 </style>
</head>
<body>
	 <p>
			There is <del>nothing</del>
			<ins>no code</ins> either good or bad, but 
			<del>thinking</del> <ins>running it</ins>
			makes it so.
	 </p>
	 <p>
			<del>
				 When an unknown printer took a galley of type 
				 and scrambled it to make a type specimen book
			</del>.
	 </p>
</body>
</html>

<ins> 标签的属性 cite、datetime用法示例

让我们看一下下面的例子，我们正在创建一个 HTML 文档，并使用 <ins> 标签以及属性 “cite” 和 “datetime”。


<!DOCTYPE html>
<html>
<head>
	 <style>
			del {
				 color: red;
			}

			ins {
				 color: green;
			}
	 </style>
</head>
<body>
	 <h1>qikepu</h1>
	 <h2>HTML ins Tag</h2>
	 <p>
			qikepu is a <del>physics classes</del>
			<ins cite=
"/" datetime="2023-06-14T13:50:03Z"> 
			EdTech company</ins> 
			that provides more than 6000 courses and Qikepu Com
	 </p>
</body>
</html>

支持的浏览器

浏览器
<ins>	Yes	Yes	Yes	Yes	Yes

<< HTML - i 标签 HTML - kbd 标签 >>