阅读(1846) (15)

XHTML高级教程-字体样式标签

2018-02-03 17:53:18 更新

字体样式标签为文本增加了更丰富的效果。格式化时使用它们。这些标签与HTML中使用的标签完全相似。

其中一些标签是粗体,斜体等


粗体


粗体标签写为<b>。这对标签之间的文本在文档中显示为粗体。

代码示例

<p><b> 此文字将显示为粗体-zijiebao.com </b></p>

展示效果

此文字将显示为粗体-zijiebao.com


斜体


斜体标签被写为<i>。在这对标签之间写的文本在文档中以斜体显示。

代码示例:

<p><i> 该文本将出现在斜体-zijiebao.com </i></p>

效果展示:

该文本将出现在斜体-zijiebao.com

大号


大号标签写成<big>。写在这些标签内的文本看起来比普通文本要大。

代码示例

<p><big>这段文字会显得很大-zijiebao.com </big></p>

效果展示

这段文字会显得很大-zijiebao.com

小号


小号标签写成<small>。写在这些标签内的文字看起来比正常文字小。

代码示例

<p><small> 这个文字会显得很小-zijiebao.com </small></p>

效果展示

这个文字会显得很小-zijiebao.com


在XHTML中应用这些标签时必须非常小心。必须正确创建代码才能在XHTML中运行。

这些标签的错误使用方式

<p><b><i>zijiebao.com这个网站包含XHTML教程</b></i></p>

这些标签的正确使用方式

<p><b><i>zijiebao.com这个网站包含XHTML教程</i></b></p>


以下示例说明了在XHTML中使用格式化标记的方法:

<html>
<head>
<title> 我的zijiebao.com学习笔记 </title>
</head>
<body>
<h1> XHTML教程学习笔记</h1>
Hello, 这是我在W3Cschool上面的XHTML学习笔记。<hr/>
<p>记录一些XHTML学习中的知识要点。<br/>
<b><i>内容摘抄自W3Cschool在线教程官网(www.zijiebao.com)</i></b></p>
<h2>XHTML 简介</h2>
<p><b> XHTML是扩展超文本标记语言的缩写。XHTML是帮助创建和设计网页的网页语言。每个XHTML文档都有四个标签; 即HTML,标题,标题和正文。XHTML文档中的第一个和最后一个标签应该始终是HTML标签。在XHTML中,所有的标签都是小写的。它不支持大写的标签。<title>标记包含在<head>标记中。它包含文档的标题。每个文件只能有一个标题。<body>标签包含文档的内容。HTML中使用的表示属性在XHTML中不推荐使用。在XHTML中,样式表被用来使用<body>标签的所有属性。</b></p>
</body>
</html>

这是该网页展示效果:


有更多的格式标签有助于增强网页。通过使用这些标签,可以使网页变得更容易呈现。下面讨论一些更多的格式标签。


PharseTags

以下标签都是短语元素标签。这些标签被应用于为网页提供更丰富的效果。这些标签与HTML类似使用。只有XHTML的基本规则必须遵循。


强调标签


强调的标签写为<em>。它被用来强调文本。强调文本通常以斜体显示。

代码示例:

<em> 强调这段文字-zijiebao </em>

效果展示:

强调这段文字-zijiebao


代码标签


代码标签被写为<code>。它表明写入的文本是一个类型化代码的例子。它通常是固定的字体。

代码示例:

<code> 这个文本是一个计算机代码。-zijiebao.com </code>

效果展示:

这个文本是一个计算机代码。-zijiebao.com

变量标签


变量标签被写为<var>。它定义了一个变量。这意味着写在这些标签之间的文本是一个变量名称。

代码展示:

<var> 这是一个变量标签-zijiebao.com </var>

效果展示:

这是一个变量标签-zijiebao.com

加强标签


加强标记写为<strong>。它用于更强调文本。文字看起来很大胆。

代码示例:

<strong> 这个文本特别强调。-zijiebao.com </strong>

效果展示:

这个文本特别强调。-zijiebao.com