建设企业官方网站企业登录,WordPress模板推荐国外,wordpress 4.9.5 太卡,个人简历(电子版)文章目录 一、HTML列表二、列表的应用1、无序列表2、有序列表3、自定义列表 三、总结 一、HTML列表
html的列表有三种#xff0c;一种是无序列表#xff0c;一种是有序列表#xff0c;还有一种为自定义列表。
二、列表的应用
1、无序列表
ul li无序列表… 文章目录 一、HTML列表二、列表的应用1、无序列表2、有序列表3、自定义列表 三、总结 一、HTML列表
html的列表有三种一种是无序列表一种是有序列表还有一种为自定义列表。
二、列表的应用
1、无序列表
ul li无序列表无序列表基础版 主要使用ul标签
和li标签无序列表表示只是列表而已
没有什么顺序之分它的展现形式是由ul标签包裹着li标签代码如下
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
bodyulli1/lili2/lili3/li/ul
/body
/html结果为
2、有序列表
ol li有序列表简单的有序列表 由ol标签包裹着li标签组成
在网页上显示的时候会有1234这样的数字图标显示
表示为有顺序的显示代码如下
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
bodyolli1/lili2/lili3/li/ol
/body
/html结果为
3、自定义列表
自定义列表简单的自定义列表 由dl标签包裹着
dt和dd标签组成
dl为声明列表而dt一般为小标题dd则为内容代码如下
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
bodydldt123/dtdd1/dddd2/dddd3/dddt123/dtdd1/dddd2/dddd3/dddt123/dtdd1/dddd2/dddd3/dd/dl
/body
/html结果为
三、总结
标签名定义说明ul无序列表里面只能包含li没有顺序使用比较多li里面可以包含任何标签ol有序列表里面只能包含li,有序使用相对较少。li里面可以包含任何标签dl自定义列表里面只能包含 dt 和 dd。dt和dd里面都可以放任何标签
