HTML列表知识有序列表无序列表定义列表

 时间:2024-10-20 23:46:28

列表在HTML中是一个常用的操作,几乎很多网页都出现了列表来显示数据。今天我就在这里来分享下有序列表、无序列表和定义列表的相关知识。从定义到实例的一个总结和概况。

工具/原料

电脑

HTML,UE编辑器

有序列表

1、有序列表是ol标签和li标签的组合表示,<ol>表示有序列表的开始,</ol>表示有序列表的结束。这里为了说明有序列表的用法,将张三,王四,李五,马六用有序列表来表示出来。<html> <head><title>列表控制</title></head> <body> <ol> <li>张三</li> <li>王四</li> <li>李五</li> <li>马六</li> </ol> </body></html>如下图可以看到执行的结果,前面自动天机了1234作为序号。

HTML列表知识有序列表无序列表定义列表

3、对于有序列表来说,我们可能遇到一种情况是第二页接着第一页继续书写的,第二页的序号不从一开始的。对于这个情况我们该怎么设计呢?序号不从一开始的,HTML给ul提供了一个属性,他就是start属性,具体用法如下实例:(这个有序列表从10开始)<html> <head><title>列表控制</title></head> <body> <ol type="1" start="10"> <li>张三</li> <li>王四</li> <li>李五</li> <li>马六</li> </ol> </body></html>可以看到这个有序列表是从10开始的,往下继续的一个序列号。

HTML列表知识有序列表无序列表定义列表

2、如果我么不想无序列表前面的标识是圆心的实点该怎么办呢?这里提供了disc 实心圆,circle空心圆,square实心方块这几种项目符号方便大家使用。具体实例如下:<html> <head><title>列表控制</title></head> <body> <ul type="square"> <li>张三</li> <li>王四</li> <li>李五</li> <li>马六</li> </ul> </body></html>可以看到项目符号变成了实心的方块了。其实还有自定义的项目符文,这个我放在单独的一个经验中了。

HTML列表知识有序列表无序列表定义列表
  • HTML教程 段落标签(p)的使用
  • PS内置滤镜——之风格化
  • FrontPage技巧:[15]如何在网页中制作表格框架
  • 如何使用python语言中的字符串方法查找子字符串
  • dos窗口下编译运行Java程序
  • 热门搜索
    猪大肠的做法 椒盐鸡翅的做法 旱萝卜素丸子的做法 包子的做法和配方 狮子头的做法 芦笋的做法大全 照烧鸡腿的做法 玉米汁的做法 彘怎么读 蒸鸡蛋羹的做法