无序列表,有序列表,自定义列表
无序列表-没有顺序的一组内容
语法:<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)
注意:允许使用多条项目的定义和描述;
无序列表,有序列表,自定义列表相关推荐
- HTML列表标签及自定义列表的应用
1.无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于<li>. 也可以通过CSS改变项目符号, ...
- 列表标签,自定义列表,img标签,超链接a标签
1.列表标签: 有序列表 ol创建有序列表 type="" li 列表项 默认是数字1-n的列表符号,可以通过ol的type属性改变列表符号 如果type属性值为:A, a, I, ...
- 【HTML】HTML 列表 ( 无序列表 | 有序列表 | 自定义列表 )
文章目录 一.HTML 列表 二.无序列表 三.有序列表 四.自定义列表 一.HTML 列表 列表 是 装载 结构 , 样式 一致的 文字 或 图表 的容器 ; 列表 由于其 整齐 , 整洁 , 有序 ...
- SharePoint 2013开发入门探索(一)- 自定义列表
在SharePoint 2013中创建自定义列表的方式有很多,在网站内容页面添加应用程序就可以创建(站点内容-〉 您的应用程序),也可以通过SharePoint Designer 2013创建,而本文 ...
- excel自定义排序出错_使用Excel自定义列表按您的方式进行排序
excel自定义排序出错 You know how to sort an Excel list alphabetically, and with Excel 2007 you can even sor ...
- 关于列表标签的一些使用(有序,无序,自定义列表)
列表标签:布局 特点:整齐,整洁,有序,自由和方便. (1)无序列表(重点) <ul>标签表示html页面中项目的无序列表,一般以项目符号呈现列表项,而列表项使用<li>标签定 ...
- HTML的基本知识(五)——无序列表、有序列表、自定义列表
HTML的基本知识(五)--无序列表.有序列表.自定义列表 茫茫人海,有多少擦肩而过?漫漫一生,有多少真诚守候? 很开心能在CSDN与你相遇.相知.相惜.相守.一个人只有不断地写作,才能才不被人海湮没 ...
- html5有序列表无序列表自定义列表
html5有序列表无序列表自定义列表 1.无序列表 无序列表代码如下 <h2>1.无序列表</h2><p>你喜欢的水果有哪些</p><ul> ...
- HTML6(无序列表,有序列表和自定义列表)
列表是用来布局的,列表最大的特点就是整齐,有序,它作为布局会更加方便简洁.主要分为三大类,无序列表,有序列表和自定义列表. 无序列表<ul>: <ul>标签表示HTML页面项目 ...
- HTML 列表标签、有序列表、无序列表、自定义列表dl dt dd
文章目录 有序列表 无序列表 自定义列表(重点) 总结 有序列表 有序列表即为有排列顺序的列表,其各个列表项会按照-定的顺序排列定义. 在HTML标签中, 标签用于定义有序列表,列表排序以数字来显示, ...
最新文章
- graphpad做折线图坐标轴数字_pandas做数据可视化具体操作,快来看看吧
- mysql中不同事务隔离级别下数据的显示效果--转载
- QueryRunner 错误
- 软件工程-第一次作业
- python读取文件参数_Python 通过配置文件 读取参数进行
- spring源码分析之spring-web http详解
- docker与虚拟机的对比
- 三星宣布 Linux on DeX:手机秒变 Ubuntu 桌面环境
- mysql long varchar2_long查询结果转换为varchar2类型
- 【数据结构与算法】之深入解析“最小高度树”的求解思路与算法示例
- Rapidmind计算库性能测试
- 一个开源工作者对开源与赚钱的一些想法
- matlab练习程序(图像序列合成视频)
- Axure-----三级下拉菜单的具体实现过程
- 多页TIF转PDF 【JAVA】
- Fiddler大解析!抱歉,抓包抓得好真的可以为所欲为
- 虚拟机导致无法上网_虚拟机无法上网问题解决方法
- Unix/Linux编程:Internet domain socket
- centOS关机重启,保存内存中数据
- 从 Eligibility 浅谈英中翻译消除歧义的重要性