HTML中的列表ol ul
<!DOCTYPE html>
<html lang="en">
<head><title>列表</title>
</head>
<body><h3 style="background-color: rgb(102, 165, 165);">畅销图书榜</h3><hr/><!-- 有序列表 ol --><ol><!-- 有序列表里的项 li --><li><!-- 不知道链接就填# --><a href="#" style="background-color:cornflowerblue; width: 6;" >钝感力</a><a href="#">生死疲劳</a><a href="#">尘埃落定</a></li><li><!-- 不知道链接就填# --><a href="#">生死疲劳</a></li><li><!-- 不知道链接就填# --><a href="#">尘埃落定</a></li></ol><!-- 无序列表 ul --><ul><li>钝感力</li></ul><ul><li>生死疲劳</li></ul><ul><li>尘埃落定</li></ul>
</body>
</html>效果展示
<!DOCTYPE html>
<html>
<head><title>畅销图书榜</title>
</head>
<body><h3>畅销图书榜</h3><hr/><table style="text-decoration: none;"><ol><li><a href="#">钝感力</a><p style="text-align:left ;">[日]渡边淳一</p><span class="buy-button">去购买</span></li><hr style="border: 1px dotted #036;"/><li><a href="#">尘埃落定</a><p>[日]渡边淳一</p></li><hr style="border: 1px dotted #036;"/><li><a href="#">生死疲劳</a><p>[日]渡边淳一</p></li><hr style="border: 1px dotted #036;"/><li><a href="#">科普绘本</a><p>[日]渡边淳一</p></li><hr style="border: 1px dotted #036;"/><li><a href="#">小聪明豆</a><p>[日]渡边淳一</p></li><hr style="border: 1px dotted #036;"/><li><a href="#">张嘉骅少年读</a><p>[日]渡边淳一</p></li><hr style="border: 1px dotted #036;"/><li><a href="#">苏东坡传</a><p>[日]渡边淳一</p></li><hr style="border: 1px dotted #036;"/><li><a href="#">瓦尔登湖</a><p>[日]渡边淳一</p></li><hr style="border: 1px dotted #036;"/></ol></table>
</body>
</html>效果展示
HTML中的列表ol ul相关推荐
- HTML中有序列表（＜ol＞＜li＞）和无序列表（＜ul＞＜li＞）以及定义列表的使用，以及利用无序列表制作网购按钮
文章速览: HTML基础知识的学习+附加常用HTML标签 HTML中有序列表(<ol><li>)和无序列表(<ul><li>)以及定义列表的使用,以及利 ...
- html中列表标签ul、ol、 dl的使用和介绍
一.UL列表介绍 ul 是无需列表,li列表里面的一条值,例如 <ul><li>中国</li><li>四川</li><li>成都 ...
- html哪些标签可以用在制作列表中,用HTML列表标签ul、ol和dl制作菜单
近日,林柯想制作一份小菜单,经过沟通,木可用illustrator帮林柯完成了一份设计稿,效果如下: 菜单 不过,怎么样用HTML实现这个效果图呢?木可把刚学会的ul.li和dl标签派上了用场,下面让 ...
- 列表标签ul、ol、dl、li
列表标签的种类 无序列表标签(ul标签) 有序列表标签(ol标签) 自定义列表标签(dl标签) 无序列表 无序列表的各个列表项之间没有顺序级别之分,是并列的.其基本语法格式如下: <!-- ul ...
- html中dl标签和ul标签,html中dl,dt,dd,ul,li,ol标签区别和使用
html中dl,dt,dd,ul,li,ol标签区别和使用 时间:2013-04-12 21:48 来源:未知 | 作者:易享学习网 | 本文已影响 人 ul: unordered lists ol: ...
- div+css布局必了解的列表元素ul ol li dl dt dd详解
dt 和dd中可以再加入 ol ul li和p,理解这些以后,在使用div布局的时候,会方便很多,其实w3c提供了很多元素辅助布局都是有它的用处的,而不尽是div. 块级元素div尽量少用,其实和ta ...
- 有序列表ol与无序列表ul用法
有序列表<ol>与无序列表ul用法 其中<li> 标签定义列表项目,<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中 ...
- html 列表标签 ul ol dl
首先先来看个截图: 这种以列表形式来显示的内容在网页中称为列表,相信大家都经常见到,在Word里也有,很多文档编辑里也都有.在HTML中的列表则有三种类型:无序列表.有序列表.定义列表. 那么我们首先 ...
- CSS-5 列表元素(ol+ul++li+dl+dt+dd)、表格元素、单元格合并、表单元素(input+label+radio+...)、Emmet语法、结构伪类(:nth-child）
目录 1_列表元素 1.1_列表的实现方式 1.2_有序列表 – ol – li 1.3_无序列表 – ul - li 1.4_定义列表 – dl – dt - dd 1.5_ 写前端代码逻辑顺序 2 ...
最新文章
- 03--MySQL自学教程：MySQL安装后的目录结构介绍和简单语法指令
- html jquery 不能自动完成,在jQuery UI自动完成中使用HTML
- python实现英文新闻摘要自动提取_Automotive Innovation摘要集系列2：Intelligent and Connected Vehicles...
- linux 提示库文件,Linux系统下确实库文件的解决办法
- Deep Learning Literature 常用词中英文总结（一）
- ios--小结系列六
- Google推出免费公共域名解析DNS服务
- ZipArchive实现中文压缩
- svn代码统计工具使用说明
- ps教程完整版（来自百度网盘）
- Selenium自动化程序被检测为爬虫，怎么屏蔽和绕过
- c语言double型小数点后几位小数,c语言double类型默认输出几位小数？
- 推荐 8 个优质的公众号
- MySQL--自然连接的用法
- 易安卓读取HTML,易安卓（E4A）怎么保存设置？
- springboot读取bootstrap配置及knife4j版本兼容性问题
- ogr2ogr转坐标
- 实战 webpack 4 配置解析四
- [牛客算法总结]：旋转字符串
- 高精度倾角传感器测量原理