html各个列表元素的应用(一个例子)


本文摘自PHP中文网,作者不言,侵删。

本篇文章给大家带来的内容是关于html各个列表元素的应用(一个例子),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

一、列表元素

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <!-- list-style: none;可以清除有序列表或无序列表前面的数字或者符号-->

    <style type="text/css">

        ul {

            list-style: none;

        }

    </style>

</head>

<body>

<ul type="circle"><!--空心圆无序列表-->

    <li>first</li>

    <li>second</li>

    <li>third</li>

</ul>

<ul type="disc"><!--disc是默认值,实心圆无序列表-->

    <li>first</li>

    <li>second</li>

    <li>third</li>

</ul>

<ul type="square"><!--实心方框,无序列表-->

    <li>first</li>

    <li>second</li>

    <li>third</li>

</ul>

 

<ol type="A"><!--以字母A开始的有序列表-->

    <li>first</li>

    <li>second</li>

    <li>third</li>

</ol>

<ol type="a"><!--以字母a开始的有序列表-->

    <li>first</li>

    <li>second</li>

    <li>third</li>

</ol>

<ol type="i"><!--以小写罗马数字开始的有序列表-->

    <li>first</li>

    <li>second</li>

    <li>third</li>

</ol>

<ol type="I" start="2"><!--以大写罗马数字开始的有序列表,start规定了列表开始的值-->

    <li>first</li>

    <li>second</li>

    <li>third</li>

</ol>

<ol type="I"><!--以大写罗马数字开始的有序列表,value规定了第三个从Ⅳ开始,规定了第六个从Ⅷ开始-->

    <li>first</li>

    <li>second</li>

    <li value="4">third</li>

    <li>fouth</li>

    <li>friday</li>

    <li value="8">六</li>

    <li>七</li>

</ol>

<dl><!--dl自定义列表,dt列表中的项目,d项目描述,自动换行并有缩进-->

    <dt>一</dt>

    <dd>hello world</dd>

    <dd>welcome to html5</dd>

    <dt>二</dt>

    <dd>kan kan xiaoguo</dd>

</dl>

</body>

</html>

二、效果展示

相关推荐:

了解HTML表单之input元素的30个元素属性_html/css_WEB-ITnose

HTML列表元素

以上就是html各个列表元素的应用(一个例子)的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html各个列表元素的应用(一个例子)

更多相关阅读请进入《html列表元素》频道 >>




JavaScript 从入门到项目实践
书籍

JavaScript 从入门到项目实践

清华大学出版社

本书采取“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深,由深到精”的学习模式进行讲解。全书共35章,不仅介绍了HTML、CSS、对象、函数、事件等JavaScript语言的基础知识,而且深入介绍了jQuery、客户端、服务器端、数据存储等核心技术。



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...