H5学习之旅-H5列表（8）
2024-10-16 04:46:57
列表的基本语法
ol：有序列表
ul：无序列表
li：列表项
dl：列表
dt：列表项
dd：列表描述
常用列表
1.无序列表：使用标签 ul，li 属性：disc（默认实心圆） circle （空心圆）square （方块）
2.有序列表：使用标签ol，li 属性：A（大写字母） a （小写字母）l （大写罗马数字）i （小写罗马数字）start （设置开始阿拉伯数字）
3.混合列表 : 使用标签 ul ol li
4.自定义列表 ： 使用标签 dl dt dd
！！！！！！代码实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>H5表格</title>
</head>
<body>
<ul type="square">
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
</ul>
<ol type="I">
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
</ol>
<ul type="square">
<li>香蕉</li>
<ol>
<li>水谷</li>
<li>水谷</li>
</ol>
<li>香蕉</li>
<ol>
<li>水谷</li>
<li>水谷</li>
</ol>
<li>香蕉</li>
<ol>
<li>水谷</li>
<li>水谷</li>
</ol>
</ul>
<dl>
<dt>hello world</dt>
<dd>can you feel me</dd>
<dt>hello world</dt>
<dd>can you feel me</dd>
<dt>hello world</dt>
<dd>can you feel me</dd>
</dl>
</body>
</html>效果图
最新文章
- Expert 诊断优化系列------------------透过等待看系统
- LinkedList
- MvcPager 概述 MvcPager 分页示例 — 标准Ajax分页 对SEO进行优化的ajax分页 (支持asp.net mvc)
- 【AngularJS】—— 2 初识AngularJs（续）
- Android中使用SQLiteOpenHelper管理SD卡中的数据库
- 【linux 爱好者群】程序猿的那些聊天记录
- 手动编译 Nginx 并安装 VeryNginx
- 18_Python列表常用方法总结
- java常用集合类详解（有例子，集合类糊涂的来看！）
- .NET Core中的一个接口多种实现的依赖注入与动态选择看这篇就够了
- uploadify多文件上传实例--C#
- ***报错Class 'Redis' not found in（原创）
- ubuntu16.04下sublime text3安装和配置
- chrome console.log失效
- 使用chrome远程调试设备及调试模拟器设备
- 在kubernetes集群中创建redis主从多实例
- 【linux】ubuntu中上下左右键变为^[[A^[[B^[[D^[[C问题处理
- Windows could not set the offline local information.Error code：0X80000001解决方法
- FullBg-网页图片背景自适应大小
- C# AJAXform上传图片