02-水平线标签 

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>02-水平线标签</title>
</head>
<body>
<!--小技巧: 直接写标签名,按tab会自动补全-->
<!--
    hr : horizontal 水平线

       常用属性:
            1. width: 宽度
                a. 固定 500px(pixel 像素)
                b. 百分比 (占浏览器显示宽度)

            2. size : 尺寸(水平线高度)

            3. color: 颜色
                a. 单词
                b. RGB表示(光三原色: 红 绿 蓝,每个颜色取值0~255)
                    16进制: 00~ff
                    黑色: #000000
                    红色: #ff0000

            4. align: 排列
                center left right

       建议: html标签属性如非必要,一般不用(一般用css)
            1. 不是所有标签都有这些属性
            2. 不同标签的相同属性可能具备不一样的效果
-->
色带
<hr width="500px" size="50px" color="green">
<hr width="50%" size="50px" color="#000000" align="left">
<hr width="50%" size="50px" color="#ff0000" align="center">
<hr width="50%" size="50px" color="#7cc9e5" align="right">

<h1 style="color:blue">正文标题</h1>

<font size="7">字体7</font>

<font size="3">字体3</font>


</body>
</html>
posted @ 2021-04-28 14:46  王祯  阅读(281)  评论(0)    收藏  举报