四时宝库

程序员的知识宝库

HTML网络编程之列表标签(html5中列表标签有哪些,它们之间有什么区别?)

今天来学习网页编程中的列表标签。列表标签分为有序和无序两种,它们的差别在于每个元素是否有明确的顺序。有序列表中的元素以数字、字母或希腊字母等有意义的形式排列,而无序列表中的元素则是以方块、圆点等无意义的形式排列。

实现效果如下图所示。三个列表被分割成了三行,中间用一条水平线隔开。其中,第一个和第二个是无序列表,每个列表项都由一个UL标签和一个Li标签组成。在Li标签的前面加一个方块或圆饼只是为了装饰,没有实际意义。第三个列表是有序列表,它由一个OL标签和三个Li标签组成,每个Li标签的值都是有意义的。

接下来,我们将介绍实现代码。无论是UL还是OL标签,它们都是围堵标签。它们的常用属性只有一个类型,即无序列表使用的是disc,有序列表使用的是a、i、或数字。

接下来,我们来看看L标签的属性。L标签必须位于UL或OL标签之间,它的基本属性只有一个value,用来规定列表项的值。例如,如果在这里写下value="2",那么这个列表项的值将是2、3、4,依次排列,没有太大的实际意义。

值得注意的是,type属性在HTML5中已经被弃用,官方推荐使用esc来代替,而CSS则更为灵活。

如果使用tvpe,列表项的样式必须相同,但如果使用CSS,则可以为每个LiI指定单独的样式。实现代码已经放在汇总文件中。

今天的分享就到这里,希望大家能够多加练习,做到不看视频也能写出代码。下期见。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接