无序列表-没有顺序的一组内容

语法:<ul>   定义无序列表

<li></li> (列表项)

</ul>

语义:用于将没有数字顺序的一组内容或数据进行分组

样式:默认间距(上下外间距,左边内边距)

列表样式:实心圆;

type属性:disc   实心圆

circle  空心圆

square    正方形实心

none    取消前面的列表符

注:type属性:不常用,通常用css属性进行代替;

使用场景:新闻列表;

商品列表

选项卡

有序列表:

语义:用于将有数字顺序的一组数据或内容进行分组

语法:<ol>    定义有序列表

<li></li>   列表项

<ol>

默认样式:默认有间距(上下外间距,左边内填充)

列表样式:数字编号;

type属性:1,a:小写字母;

2,A:大写字母;

3,i:小写罗马数字;

4,I:大写罗马数字;

5,1:数字;

典型应用:1,排行榜单;

2,步骤清单;

3,面包屑导航;

自定义列表

语法:

<dl>

<dt>专业名词</dt>

<dd>对专业名词解释</dd>

<dd>解释</dd>

</dl>

语义:对专业名词进行定义和描述的列表

dl:定义自定义列表;

dt:自定义列表项;

dd:自定义列表注释;

用于将一组项目及其相关的描述进行分组列表;

默认样式: dl:自带外边距(上,下)

dd:自带左边的外边距;

典型应用:名词解释,分类;

键值对列表(内有loom)

注意:允许使用多条项目的定义和描述;

无序列表,有序列表,自定义列表相关推荐

  1. HTML列表标签及自定义列表的应用

    1.无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于<li>. 也可以通过CSS改变项目符号, ...

  2. 列表标签,自定义列表,img标签,超链接a标签

    1.列表标签: 有序列表 ol创建有序列表 type="" li 列表项 默认是数字1-n的列表符号,可以通过ol的type属性改变列表符号 如果type属性值为:A, a, I, ...

  3. 【HTML】HTML 列表 ( 无序列表 | 有序列表 | 自定义列表 )

    文章目录 一.HTML 列表 二.无序列表 三.有序列表 四.自定义列表 一.HTML 列表 列表 是 装载 结构 , 样式 一致的 文字 或 图表 的容器 ; 列表 由于其 整齐 , 整洁 , 有序 ...

  4. SharePoint 2013开发入门探索(一)- 自定义列表

    在SharePoint 2013中创建自定义列表的方式有很多,在网站内容页面添加应用程序就可以创建(站点内容-〉 您的应用程序),也可以通过SharePoint Designer 2013创建,而本文 ...

  5. excel自定义排序出错_使用Excel自定义列表按您的方式进行排序

    excel自定义排序出错 You know how to sort an Excel list alphabetically, and with Excel 2007 you can even sor ...

  6. 关于列表标签的一些使用(有序,无序,自定义列表)

    列表标签:布局 特点:整齐,整洁,有序,自由和方便. (1)无序列表(重点) <ul>标签表示html页面中项目的无序列表,一般以项目符号呈现列表项,而列表项使用<li>标签定 ...

  7. HTML的基本知识(五)——无序列表、有序列表、自定义列表

    HTML的基本知识(五)--无序列表.有序列表.自定义列表 茫茫人海,有多少擦肩而过?漫漫一生,有多少真诚守候? 很开心能在CSDN与你相遇.相知.相惜.相守.一个人只有不断地写作,才能才不被人海湮没 ...

  8. html5有序列表无序列表自定义列表

    html5有序列表无序列表自定义列表 1.无序列表 无序列表代码如下 <h2>1.无序列表</h2><p>你喜欢的水果有哪些</p><ul> ...

  9. HTML6(无序列表,有序列表和自定义列表)

    列表是用来布局的,列表最大的特点就是整齐,有序,它作为布局会更加方便简洁.主要分为三大类,无序列表,有序列表和自定义列表. 无序列表<ul>: <ul>标签表示HTML页面项目 ...

  10. HTML 列表标签、有序列表、无序列表、自定义列表dl dt dd

    文章目录 有序列表 无序列表 自定义列表(重点) 总结 有序列表 有序列表即为有排列顺序的列表,其各个列表项会按照-定的顺序排列定义. 在HTML标签中, 标签用于定义有序列表,列表排序以数字来显示, ...

最新文章

  1. graphpad做折线图坐标轴数字_pandas做数据可视化具体操作,快来看看吧
  2. mysql中不同事务隔离级别下数据的显示效果--转载
  3. QueryRunner 错误
  4. 软件工程-第一次作业
  5. python读取文件参数_Python 通过配置文件 读取参数进行
  6. spring源码分析之spring-web http详解
  7. docker与虚拟机的对比
  8. 三星宣布 Linux on DeX:手机秒变 Ubuntu 桌面环境
  9. mysql long varchar2_long查询结果转换为varchar2类型
  10. 【数据结构与算法】之深入解析“最小高度树”的求解思路与算法示例
  11. Rapidmind计算库性能测试
  12. 一个开源工作者对开源与赚钱的一些想法
  13. matlab练习程序(图像序列合成视频)
  14. Axure-----三级下拉菜单的具体实现过程
  15. 多页TIF转PDF 【JAVA】
  16. Fiddler大解析!抱歉,抓包抓得好真的可以为所欲为
  17. 虚拟机导致无法上网_虚拟机无法上网问题解决方法
  18. Unix/Linux编程:Internet domain socket
  19. centOS关机重启,保存内存中数据
  20. 从 Eligibility 浅谈英中翻译消除歧义的重要性

热门文章

  1. 无障碍人机交互时代已向我们走来,标贝科技推出语音合成评测系统
  2. ChatGPT来了,软件测试工程师距离失业还远吗?
  3. ContentProvider讲解与实例应用
  4. QgraphicsScene类
  5. samba文件共享(匿名用户共享、本地用户共享、windows+linux系统之间的共享)
  6. 日本冲绳科学技术研究所启动新量子技术中心OQT
  7. plink软件初体验2--常用参数
  8. 什么是Rational Rose
  9. php 请求超时,PHP解决http请求超时的方案
  10. Python爬虫采集微信公众号阅读量点赞量等数据