HTML5标签介绍（4）--文本标签，有序列表，无序列表

前言

在前几期的内容中，我们对网页的基本结构和内部的的一些图片，超链接有了一些了解，今天，我们再通过一篇文章介绍一下，和文本有关的一些标签。

标签

文本标签

标签	效果
em	斜体（有加重语气）
b	加粗字体
i	斜体
strong	加粗字体（有强调语气）
del	再文本上添加一条横线，表示删除
span	无特殊格式

    <em>白菜</em>
    <b>白菜</b>
    <i>白菜</i>
    <strong>白菜</strong>
    <del>白菜</del>
    <span>白菜</span>

效果如下

这些标签都是双标签，再两标签之间添加文本。但在实际应用中，我们并不常是由这些标签进行字体改变，而更多使用CSS进行修饰。

有序列表

<ol>
   <li></li>
</ol>

有序列表由< ol >和< li >两个标签组合而成，都是双标签。先使用< ol >< /ol >标签声明有序列表，之后再中间添加< li >标签，每添加一个< li >标签，就会生成一个序号。并且列表可以嵌套使用。

 <ol>
        <li>
            白菜
            <ol type="A">
                <li>洋白菜</li>
                <li>大白菜</li>
            </ol>
        </li>
        <li>土豆</li>
        <li>萝卜</li>
    </ol>

正常状态下前边的序号是数字1，2，3…但我们可以进行更改，只需再ol后空格加上type=“”，引号内填写不同字母有不同效果，默认是数字

字母	效果
1	数字
a	小写英文字母
A	大写英文字母
i	小写罗马字母
I	大写罗马字母

快捷键：ol>li*数字 （数字为希望生成< li >标签数）点回车即可

无序列表

<ul>
    <li></li>
</ul>

有序列表由< ul >和< li >两个标签组合而成，都是双标签。先使用< ul >< /ul >标签声明有序列表，之后再中间添加< li >标签，每添加一个< li >标签，就会生成一行内容。并且列表可以嵌套使用。

<ul type="disc">
        <li>华为</li>
        <li>小米</li>
        <li>三星</li>
        <li>苹果</li>
</ul>

正常状态下前边的序号是数字1，2，3…但我们可以进行更改，只需再ul后空格加上type=“”，引号内填写不同字母有不同效果，默认是小黑点

内容	效果
disc	默认实心圆点
circle	空心圆点
square	实心小方块
none	不显示

快捷键：ul>li*数字 （数字为希望生成< li >标签数）点回车即可

有了文本和列表，我们的网页就显得更加有条理了。今天就介绍到这里，我们下期再见。