【HTML】HTML中对于文字的修饰

来源：互联网发布：java依赖注入编辑：程序博客网时间：2024/05/16 06:29

一个网页大多由以下要素构成：文字、图片、表格、动画及声音。在这些元素中，文字是十分重要的。下面我们就逐一讲述涉及文字的标记。

☆字号

对于字号的修饰：

1. <small>和</small> 小字号2. <big>和</big> 大字号3. <font size=n> 字体4. <basefont size=n> 默认字体5. <sub>和</sub> 向下标记6. <sup>和</sup> 向上标记

字号示例：

这里写图片描述

可以采用多种方式设置文字大小。不过设置文字的大小后，其效果会受到IE中选项的影响。

☆字体样式

1. <b>和</b>粗体显示2. <I>和</I>斜体显示3. <u>和</u>加下划线显示4. <strike>和</strike>加删除线显示

☆特殊标记

这里写图片描述

代码演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">        <title>我的第一个HTML页面</title>    </head>    <body>        <h1>以下演示文字修饰</h1>        <!-- 对文字的修饰 -->        <!-- █字号的修饰█ -->        <!--    ①small小号 -->        <small>这是small文本</small>        <!-- ②big大号 -->        <big>这是big文本</big>        <!-- 普通字号 -->        这是普通文本        <!-- ③font -->        <font color="green" size="20">文本4</font>        <!-- ④ basefont 效果受到了浏览器的影响，无法改变默认字体大小-->        <basefont size="70">默认字号<br>

运行结果：

这里写图片描述

        <!-- ⑤sub是向下标记 -->        下标演示：X<sub>2</sub>        <!-- ⑥sup是向上标记 -->        上标演示：X<sup>2</sup>

运行结果：

这里写图片描述

        <!-- █字体样式█ -->        <hr>        <!--  ①b粗体显示-->        <b>这是文字_粗体</b><br/>        <!-- ②i斜体显示 -->        <i>这是文字_斜体</i><br/>        <!--③u下划线显示  -->        <u>这是文字_下划线</u><br/>        <!-- ④strike加删除线显示 -->        <strike>这是文字_删除线</strike><br/>

运行结果：

这里写图片描述

        <hr>        <!-- █特殊标记█ -->        <!--         &lt;    <        &gt;    >        &amp;   &        &quot;  “        &reg; ®        &copy; ©        &trade;™        &nbsp;空格         -->        小于号：&lt; &nbsp;      &nbsp;&nbsp;        大于号：&gt;        &nbsp;&nbsp;         &符号：&amp;      &nbsp;&nbsp;          “号：&quot;     &nbsp;&nbsp;        ®号：&reg;            &nbsp;&nbsp;        ©号：&copy;       &nbsp;&nbsp;        ™号：&trade;      &nbsp;&nbsp;        空格号：&nbsp;      &nbsp;&nbsp;    </body></html>

运行结果：

这里写图片描述

0 0