04-排版标签

最新推荐文章于 2024-04-03 20:52:37 发布

程序员buddha2080

最新推荐文章于 2024-04-03 20:52:37 发布

阅读量128

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/rulaixiong/article/details/80638117

版权

前端专栏收录该内容

39 篇文章 0 订阅

订阅专栏

1. 居中

<center>居中</center>

2. 段落

<p>p是body中第一个元素，不会产生一个间距</p>
<p>会产生段前和段后的间距</p>

3. 换行

<br/>

4. 水平分割线

<hr width="80%" size=10 />
    width：宽度
    size：高度

5. 上标

O<sup>2</sup>

6. 下标

H<sub>2</sub>O

7. 粗体

<b>粗体</b>

8. 斜体

<i>斜体</i>

9. 下划线

<u>下划线</u>

10. 删除线

<del>删除线</del>

11. 原样输出

<pre>
    上
左       右
    下
</pre>

12. 字体标签

<font size=1 color="red">字体标签</font>
size:字体大小，1-7
color:字体颜色
    英文字母：red yellow blue...
    十六进制：F53318

13. 案例说明

<!DOCTYPE html>
<html>
<head>
    <title>排版标签</title>
    <meta charset="utf-8">
</head>
<body>
    <p>p是body中第一个元素，不会产生一个间距</p>
    <center>居中</center>
    <p>会产生段前和段后的间距</p>
    <br/>
    <hr width=80% size=10 />
    O<sup>2</sup>
    H<sub>2</sub>O
    <b>粗体</b>
    <i>斜体</i>
    <u>下划线</u>
    <del>删除线</del>
    <pre>
    上
左       右
    下
    </pre>
    <font size=1 color="red">字体标签</font><br>
    <font size=2 color="yellow">字体标签</font><br>
    <font size=3 color="F53316">字体标签</font>
</body>
</html>