021_html文本格式化标签

最新推荐文章于 2023-05-19 22:30:57 发布

自由与束缚JavaJavaScript

最新推荐文章于 2023-05-19 22:30:57 发布

阅读量157

点赞数

分类专栏： html学习

本文链接：https://blog.csdn.net/aihiao/article/details/108994831

版权

html学习专栏收录该内容

89 篇文章 2 订阅

订阅专栏

1. 标签显示斜体文本效果。

2. 标签规定粗体文本。

3. 标签

3.1. 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说, 这意味着要把这段文字用斜体来显示。

3.2. 在文本中加入强调也需要有技巧。如果强调太多, 有些重要的短语就会被漏掉; 如果强调太少, 就无法真正突出重要的部分。这与调味品一样, 最好还是不要滥用强调。

3.3. 尽管现在标签修饰的内容都是用斜体字来显示, 但这些内容也具有更广泛的含义,将来的某一天, 浏览器也可能会使用其他的特殊效果来显示强调的文本。如果你只想使用斜体字来显示文本的话, 请使用标签。除此之外, 文档中还可以包括用来改变文本显示的级联样式定义。

3.4. 除强调之外，当引入新的术语或在引用特定类型的术语或概念时作为固定样式的时候,也可以考虑使用标签。例如: W3School经常对重要的术语使用标签。标签可以用来把这些名称和其他斜体字区别开来。

4. 标签

4.1. 标签和标签一样, 用于强调文本, 但它强调的程度更强一些。

4.2. 浏览器通常会以不同于标签的方式来显示标签中的内容, 通常是用加粗的字体(相对于斜体)来显示其中的内容, 这样用户就可以把这两个标签区分开来了。

4.3. 如果常识告诉我们应该较少使用标签的话, 那么标签出现的次数应该更少。如果说用标签修饰的文本好像是在大声呼喊, 那么用标签修饰的文本就无异于尖叫了。

4.4. 举一个例子, 经常访问W3school的用户可以注意到了, 许多教程页面的第一句摘要都是以粗体显示的, 而实际上, 我们对这一句摘要使用了标签。使用这个标签的理由是, 我们认为教程摘要不仅概括了其所在页面的内容, 而且位于页面的最重要的位置, 其内容自然是非常重要的且值得强调的。

5. <big>标签

5.1. <big>标签呈现大号字体效果。

5.2. 使用<big>标签可以很容易地放大字体。这简直不能再简单了: 浏览器显示包含在 <big>标签和其相应的</big>标签之间的文字时, 其字体比周围的文字要大一号。但是, 如果文字已经是最大号字体, 这个<big>标签将不起任何作用。

5.3. 更妙的是, 可以嵌套<big>标签来放大文本。每一个<big>标签都可以使字体大一号,直到达到浏览器字体上限。

5.4. 但是使用<big>标签的时候还是要小心, 因为浏览器总是很宽大地试图去理解各种标签, 对于那些不支持<big>标签的浏览器来说, 它经常将其认为是粗体字标签。

6. 标签

6.1. 标签呈现小号字体效果。

6.2. 标签和它所对应的<big>标签一样, 但它是缩小字体而不是放大。如果被包围的字体已经是字体模型所支持的最小字号, 那么标签将不起任何作用。

6.3. 与<big>标签类似, 标签也可以嵌套, 从而连续地把文字缩小。每个 标签都把文本的字体变小一号, 直到达到浏览器字体下限。

7. 标签

7.1. 标签可定义上标文本。

7.2. 包含在标签和其结束标签中的内容的底部将会以当前文本流中字符高度一半的位置来显示, 但是与当前文本流中文字的字体和字号都是一样的。

7.3. 这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。如果和<a>标签结合起来使用, 就可以创建出很好的超链接脚注。

8. 标签

8.1. 标签可定义下标文本。

8.2. 包含在标签和其结束标签中的内容的顶部将会以当前文本流中字符高度一半的位置来显示, 但是与当前文本流中文字的字体和字号都是一样的。

8.3. 无论是标签还是和它对应的标签, 在数学等式、科学符号和化学公式中都非常有用。

9. <ins>与<del>标签

9.1. <del>标签定义文档中已被删除的文本。

9.2. <ins>标签定义已经被插入文档中的文本。

9.3. <ins>与<del>一同使用, 来描述文档中的更新和修正。

10. 例子

10.1. 代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta charset="utf-8" />
		<title>文本格式化标签</title>
	</head>
	<body>
		<b>This text is bold</b> <br />
		<strong>This text is strong</strong> <br />

		<i>This text is italic</i> <br />
		<em>This text is emphasized</em> <br />

		<big>This text is big</big> <br />
		<small>This text is small</small> <br />

		This text contains<sup>superscript</sup> <br />
		This text contains<sub>subscript</sub> <br />

		a dozen is <del>20</del> <ins>12</ins> pieces
	</body>
</html>

10.2. 效果图