HTML标签练习（1）

最新推荐文章于 2022-08-28 06:28:41 发布

ThinkPet

最新推荐文章于 2022-08-28 06:28:41 发布

阅读量1.1k

点赞数

分类专栏： WEB前端

本文链接：https://blog.csdn.net/ThinkPet/article/details/79574286

版权

WEB前端专栏收录该内容

32 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HTML标签练习1</title>
</head>
<body>
    <h1>一级标题</h1>
    <p>h1一级标题默认一行文本高度为42px;上下外边距为21.44px;h1-h6默认字体微软雅黑，字体加粗</p>
    <hr>
    <h2>二级标题</h2>
    <p>h2一级标题默认一行文本高度为31px;上下外边距为19.92px;</p>
    <hr>
    <h3>三级标题</h3>
    <p>h3一级标题默认一行文本高度为25px;上下外边距为18.72px;</p>
    <hr>
    <h4>四级标题</h4>
    <p>h4一级标题默认一行文本高度为21px;上下外边距为21.28px;</p>
    <hr>
    <h5>五级标题</h5>
    <p>h5一级标题默认一行文本高度为17px;上下外边距为22.178px;</p>
    <hr>
    <h6>六级标题</h6>
    <p>h6一级标题默认一行文本高度为16px;上下外边距为27.96px;</p>
    <hr>
    <header>header标签默认一行文本高度为21px;没有内外边距;</header>
    
    <hr>
    <p>p标签默认一行文本高度为21px;上下外边距为16px;</p>    
    <hr>
    <p>       七个nbsp空格符能空2个汉字的距离,以实现首行缩进2个汉字;4654d4fg6546
        <br>可以在p标签中加入br标签可实现换行效果
        <br>
        <br>
        两个br换行符可实现空一行效果
        <br>
        <br>
        两个br换行符可空行的高度为21px
    </p>
    <hr>
    <p>  2个nbsp空格符能空1个字符的距离sd4f564sdf46345df6sd46f333445454dcfgg41455
        <br>45sd4f64dsf4654f654as4gfs64ga4fg654fg645
    </p>
    <hr>

</body>
</html>