特殊字符和列表

一、特殊字符标签：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
    -----&nbsp;&nbsp;空格符&nbsp;&nbsp;-----<br />
    大于号:&lt; <br />
    小于号:&gt; <br />
    和号:&amp; <br />
    人民币:&yen; <br />
    版权:&copy; <br />
    注册商标:&reg; <br />
    摄氏度:&deg; <br />
    正负号:&plusmn; <br />
    乘号:&times; <br />
    除号:&divide; <br />
    平方(上标2):&sup2; <br />
    立方(上标3):&sup3; <br />
</body>
</html>

特殊字符效果展示：

二、列表标签：

(1)无序列表ul(重点)
无序列表的各个列表项之间没有顺序级别之分,是并行的.其基本语法格式如下:

<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ul>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <h3>双笙的歌曲有:</h3>
    <ul>
        <li>泸沽寻梦</li>
        <li>心做</li>
        <li>马步谣</li>
        <li>白石溪</li>
        <li>我的一个道姑朋友</li>
    </ul>
</body>
</html>

无序列表效果展示:

注意:

ul标签中只能放li标签。
li标签中可以放其他标签，放段落或者标签等。
无序列表会带有自己的样式属性，不要纠结，交给css来完成！

(2)有序列表ol(了解)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <h3>7.13成都ALL in 线下活动登场顺序:</h3>
    <ol>
        <li>双笙</li>
        <li>小时</li>
        <li>Mario</li>
        <li>傅小司</li>
        <li>人衣大人</li>
        <li>RaJor</li>
        <li>屿汐学长</li>
        <li>杨子为</li>
    </ol>
</body>
</html>

有序列表效果展示：

(3)自定义列表(网站底部用)
常用于对术语或名词进行解释和描述，定义列表的列表项没有任何项目符号。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <dl>
        <dt>河南</dt>
        <dd>郑州</dd>
        <dd>洛阳</dd>
        <dd>驻马店</dd>
        <dd>南阳</dd>
    </dl>
</body>
</html>

定义列表效果展示：

自定义列表一般做网站的最后的结尾，比如下面小米的官网结尾：