字体样式标签为文本增加了更丰富的效果。格式化时使用它们。这些标签与HTML中使用的标签完全相似。
其中一些标签是粗体,斜体等
粗体标签写为<b>
。这对标签之间的文本在文档中显示为粗体。
代码示例:
<p><b> 此文字将显示为粗体-w3cschool.cn </b></p>
展示效果:
斜体标签被写为<i>
。在这对标签之间写的文本在文档中以斜体显示。
代码示例:
<p><i> 该文本将出现在斜体-w3cschool.cn </i></p>
效果展示:
大号标签写成<big>
。写在这些标签内的文本看起来比普通文本要大。
代码示例:
<p><big>这段文字会显得很大-w3cschool.cn </big></p>
效果展示:
这段文字会显得很大-w3cschool.cn
小号标签写成<small>
。写在这些标签内的文字看起来比正常文字小。
代码示例:
<p><small> 这个文字会显得很小-w3cschool.cn </small></p>
效果展示:
这个文字会显得很小-w3cschool.cn
在XHTML中应用这些标签时必须非常小心。必须正确创建代码才能在XHTML中运行。
这些标签的错误使用方式
<p><b><i>w3cschool.cn这个网站包含XHTML教程</b></i></p>
这些标签的正确使用方式
<p><b><i>w3cschool.cn这个网站包含XHTML教程</i></b></p>
以下示例说明了在XHTML中使用格式化标记的方法:
<html>
<head>
<title> 我的w3cschool.cn学习笔记 </title>
</head>
<body>
<h1> XHTML教程学习笔记</h1>
Hello, 这是我在W3Cschool上面的XHTML学习笔记。<hr/>
<p>记录一些XHTML学习中的知识要点。<br/>
<b><i>内容摘抄自W3Cschool在线教程官网(www.w3cschool.cn)</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> 强调这段文字-w3cschool </em>
效果展示:
强调这段文字-w3cschool
代码标签被写为<code>
。它表明写入的文本是一个类型化代码的例子。它通常是固定的字体。
代码示例:
<code> 这个文本是一个计算机代码。-w3cschool.cn </code>
效果展示:
这个文本是一个计算机代码。-w3cschool.cn
变量标签被写为<var>
。它定义了一个变量。这意味着写在这些标签之间的文本是一个变量名称。
代码展示:
<var> 这是一个变量标签-w3cschool.cn </var>
效果展示:
这是一个变量标签-w3cschool.cn
加强标记写为<strong>
。它用于更强调文本。文字看起来很大胆。
代码示例:
<strong> 这个文本特别强调。-w3cschool.cn </strong>
效果展示:
这个文本特别强调。-w3cschool.cn