所在的位置: html >> html资源 >> HTML基础列表标签

HTML基础列表标签

多维立体精准白癜风治疗方案 http://m.39.net/pf/a_6188264.html

列表

1.1有序列表

(1)语法

olli列表项/li/ol

注:ol标签和li标签需要配合在一起使用,ol标签的子标签只能是li标签

(2)type属性

在HTML中我们可以使用type属性来改变列表项的符号

!DOCTYPEhtmlhtmlheadmetacharset="UTF-8"title有序列表/titlestyle#a{background:#CCCCCC;border:1pxsolidblack;width:50%;height:px;}/style/headbodydivid="a"p编程语言:/polliC语言/lilic++/lilipython/li/olhr/p水果:/poltype="a"li苹果/lili葡萄/lili香蕉/li/olhr/p编程语言:/poltype="A"liC语言/lilic++/lilipython/li/olhr/p水果:/poltype="i"li苹果/lili葡萄/lili香蕉/li/olhr/p编程语言:/poltype="I"liC语言/lilic++/lilipython/li/ol/div/body/html

1.2无序列表

(1)语法

ulli列表项/lili列表项/li/ul

(2)type属性值

!DOCTYPEhtmlhtmlheadmetacharset="UTF-8"title无序序列表/titlestyle#a{background:#CCCCCC;border:1pxsolidblack;width:px;height:px;}/style/headbodydivid="a"p编程语言:/pultype="disc"liC语言/lilic++/lilipython/li/ulhr/p水果:/pultype="circle"li苹果/lili葡萄/lili香蕉/li/ulhr/p编程语言:/pultype="square"liC语言/lilic++/lilipython/li/ul/div/body/html

1.3定义列表

在HTML中,定义列表是由名词和描述两部分组成的

语法:

dldt名词/dtdd描述/dd/dl

!DOCTYPEhtmlhtmlheadmetacharset="UTF-8"title定义列表/titlestyle#a{background:#CCCCCC;border:1pxsolidblack;width:px;height:px;}/style/headbodydivid="a"dldtJavaScript/dtdd轻量级、解释型或即时编译型的编程语言/dd/dl/body/html




转载请注明:http://www.aierlanlan.com/rzgz/3598.html