hr标签和特殊符号

hr标签：

hr标签的作用是划一条横线，其实它还可以添加很多属性

直接看示例：

<!DOCTYPE html>
<html>
    <head>
        <title>this is a test html</title>
        <meta charset="utf -8">
    </head>
    <body>
        <hr color="red">
        <hr align="left" width="500px">
        <hr align="right" width="500">
        <hr width="300px">
        <hr width="600" noshade="">
    </body>
</html>

标签的属性，以p标签举例：

<p 属性=‘属性值’ 属性=‘属性值’></p>

上面的示例中，用到的属性如下：

color='red'：红色

align='left'：左对齐

width='500px‘：宽度，单位为像素

noshade='' ：无阴影（注：hr标签是默认有阴影的）

 

特殊符号：

先举一个例子，如果要在html代码中是用<>怎么办，直接使用可以吗？

当然不行，因为在html代码中，<>是标签符号，那么要使用特殊符号该怎么办，下面例子是一些常用的符号。

<!DOCTYPE html>
<html>
    <head>
        <title>this is a test html</title>
        <meta charset="utf -8">
    </head>
    <body>
        <p>飞流之下三千尺，疑似银河落九天 &lt;李白&gt;</p>
        <p> &nbsp;&nbsp;这是一首简单的小情歌</p>
        <p> &emsp;&emsp;这是一首简单的小情歌</p>
        <p>哇哈哈&copy;</p>
        <p>康师傅&trade; 康师傅&reg;</p>
    </body>
</html>

效果：

 

 总结：

< ：&lt;

>：&gt;

空格：&nbsp;

版权：&copy;

商标tm：&trade;

商标R：&reg;

posted @ 2022-03-31 10:17  Target_L  阅读(350)  评论(0)    收藏  举报