span在HTML中有什么用?
span是HTML中的标记。 HTML <span>标记用于对内联元素进行分组并将样式应用于它们。此标记通过使用class或id属性来应用样式。该标签类似于 HTML
<div>标签,但它是一个内联标签。当没有其他语义标记可供使用时,将使用该标记。
<span> 标记是成对标记,即它既具有开放性又具有关闭标签,因此关闭此标签。
我们可以轻松理解
<span>标签通过示例。因此,我们将提供以下各种示例。
示例1:以下示例将span标签与内联样式属性一起使用。
<span> <!Doctype Html>
<Html>
<Head>
<Title>
Use inline Style in span tag
</Title>
</Head>
<Body>
Hello User!...
<center>
<p><span style = "color:blue;">
You are at Lidihuo Site....
</span>
</p>
<p><span style = "color:blue;">
You are at Lidihuo Site....<span style = "color:orange;"> This page describes what is span and how to use span in Html</span>
Ok... User.
</span>
</p>
</center>
</Body>
</Html>
上述HTML代码的输出显示在以下屏幕截图中:
示例2:以下示例将span标签与内部CSS。
<span> <!Doctype Html>
<Html>
<Head>
<Title>
Use CSS in span tag
</Title>
<style type=text/css>
span{
color: green;
font-size: 20px;
text-decoration: underline;
font-weight: bold;
}
</style>
</Head>
<Body>
Hello User!...
<center>
<p><span>
You are at Lidihuo Site....
</span>
</p>
</center>
</Body>
</Html>
