首页 > 编程 > HTML > 正文

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

2020-03-24 18:19:27
字体:
来源:转载
供稿:网友
本篇文章给大家带来的内容是关于html各个列表元素的应用(一个例子),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

一、列表元素

 !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教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表