HTML基础学习(2)

今天我们先来学习一下列表,先来看看列表的类型以及标记符号。

如下:

 看完了列表的类型以及标记符号后是不是就该动手尝试了?

下面我来尝试使用上面的3种常用列表

(1)无序列表

 我们可以看到,页面上出现了开头带实心圆圈或空心圆圈的文字。这时候我们回头来看代码,发现<ul>中有type=”disc“,这时候就要提到<ul>的语法了,如下:

 对照这些语法,也能明白”知乎“前面为什么输出的是空心圆圈了吧。

总结一下,就是<ul>中的type决定整个<ul> </ul>中的类型,<li>中的type只决定自己内部的类型。

(2)有序列表

右边页面根据1 2 3的顺序输出了内容,即有序。其实和无序列表很像。

语法如下:

值得一提的是,type=后面的几种选择,决定以什么方式有序。如果type=1,就以1 2 3为序,如果type=A,就以A B C为序,而start=?决定从该序的第几位开始,例如type=1,而start=3,那么......

 你可以看到,第一项就是以3开头排序,这就是start的作用。

(3)定义列表

直接上手尝试

 输出

 对于定义列表,好像并没有什么比较复杂的......

(4)列表的嵌套

列表可以嵌套使用,但是千万不能交叉嵌套。

下面我给出一种嵌套方式,希望大家能实现出来0.0,虽然很简单,但为了鼓励大家动手,我会在下一期才放出代码。

猜你喜欢

转载自blog.csdn.net/m0_58291075/article/details/128034904