格式化文本标记

10/19 11:43
阅读数 22

《个人练习笔记四》

文本修饰标记

文本修饰标记各类浏览器均支持,各类页面开发工具中仍然有这类标记。

标记 说明
< b>你好!< /b> 定义加粗
< i>你好!< /i> 定义斜体
< u>你好!< /u> 定义下划线
< del>你好!</ del> 定义删除线
< sup>你好!</ sup> 定义上标
< sub>你好!</ sub/> 定义下标
< strong>你好!</ strong> 定义着重文字。与< b>< /b>效果相同
< em>你好!< /em> 定义加重语气,与< i>< /i>效果相同
< small>你好!< /small> 变小字符
< big>你好!< /big> 变大字符
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>普通文字</p>
    <b>加粗文字</b>
    <br>
    <br>
    <i>斜体文字</i>
    <br>
    <br>
    <u>划线文字</u>
    <br>
    <br>
    <del>删除文字</del>
    <br>
    <br>
    <sup>定义上标</sup>
    <br>
    <br>
    <sub>定义下标</sub>
    <br>
    <br>
    <strong>着重文字</strong>
    <br>
    <br>
    <em>加重语气</em>
    <br>
    <br> <small>变小文字</small>
    <br>
    <br>
    <big>变大文字</big>



</body>

</html>

引用与术语表记

标记 主要用途
< abbr>etc.< /abbr> 定义缩写
< abbress>河北衡水市< /abbress> 定义地址
< blockquote>长的引用< /blockquote> 定义长的引用
< cite>引用,引证< /city> 定义引用、引证
< q>引用短语< /q> 定义短的引用语,IE看不到引号,其他可以
< dfn>定义项目< /dfn> 定义一个定义项目
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>中国加油</p>
    <abbr>etc.</abbr>
    <address>河北衡水市</address>
    <br> 李白:
    <blockquote>床前明月光</blockquote>
    <cite>疑是地上霜</cite>
    <br>
    <q>举头望明月</q>
</body>

</html>

执行结果
在这里插入图片描述

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部