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

最新推荐文章于 2024-06-19 10:11:18 发布

YI_DIAN_DIAN

最新推荐文章于 2024-06-19 10:11:18 发布

阅读量2.8k

点赞数 1

分类专栏： ❸JavaEE ---- ----①HTML

本文链接：https://blog.csdn.net/qq_35415600/article/details/70236040

版权

❸JavaEE 同时被 2 个专栏收录

46 篇文章 3 订阅

订阅专栏

---- ----①HTML

11 篇文章 0 订阅

订阅专栏

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

☆字号

对于字号的修饰：

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>

运行结果：

这里写图片描述

YI_DIAN_DIAN

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
【HTML】HTML中对于文字的修饰

一个网页大多由以下要素构成：文字、图片、表格、动画及声音。在这些元素中，文字是十分重要的。下面我们就逐一讲述涉及文字的标记。☆字号对于字号的修饰：1. 和 小字号2. <big>和</big> 大字号3. 字体4. <basefont size=n> 默认字体5. 和 向下标记6. 和 向
复制链接

扫一扫

专栏目录