HTML5 1.4 列表

1、无序列表的type属性有三个值:1.disc(默认)   2.circle  3.square

2、有序列表

(1)type属性的值:1、整数(默认)  2.大小写的字母A\B\C...(a\b\c...)  3.大小写的罗马字母Ⅰ Ⅱ Ⅲ...     ⅰ  ⅱ  ⅲ...

(2)start属性:定义列表的开始序号,比如第一项不是数字1,而是从5开始

(3)value属性:定义某个单个列表的序号

(3)自定义列表项的组成:dl定义列表、、dt定义列表项目、、dd定义列表内容

<!DOCTYPE html>

< html lang="zh-cn">

<head>

<meta charset="UTF-8">

<title>例4</title>

</head>

<body bgcolor=”#fedcbd“>

<ul type=“square”>

<li>列表项目1</li>

<li>列表项目2</li>

<li>列表项目3</li>

</ul>

<br><br>

<ol type=“a”>

<li>列表项目1</li>

<li>列表项目2</li>

<li>列表项目3</li>

</ol>

<br><br>

<ol type=“8”>

<li>列表项目1</li>

<li>列表项目2</li>

<li>列表项目3</li>

</ol>

<br><br>

<ol >

<li>列表项目1</li>

<li >列表项目2</li>

<li>列表项目3</li>

<livalue=“6”>列表项目3</li>

<li>列表项目3</li>

<li>列表项目3</li>

</ol>

<br><br><br><br>

<dl >

<dt>列表项目1</dt>

<dd>

列表项目2的内容说明:民殴打与对方后卫欧股份为符合从而给我个女次哦啥都会发IP放大声点简单吗撒开火车票和慈爱城市磁盘 和彩票上次怕啥死哦票反对                      和长撒布偶测不测粗板擦儿U盘采编跑哪儿u午安

</dd>

<dt>列表项目2</dt>

<dd>

列表项目2的内容说明:民殴打与对方后卫欧股份为符合从而给我个女次哦啥都会发IP放大声点简单吗撒开火车票和慈爱城市磁盘 和彩票上次怕啥死哦票反对                      和长撒布偶测不测粗板擦儿U盘采编跑哪儿u午安

</dd>

<dt>列表项目3</dt>

<dd>

列表项目2的内容说明:民殴打与对方后卫欧股份为符合从而给我个女次哦啥都会发IP放大声点简单吗撒开火车票和慈爱城市磁盘 和彩票上次怕啥死哦票反对                      和长撒布偶测不测粗板擦儿U盘采编跑哪儿u午安

</dd>

</dl>

</body>

</html>

时间: 2024-10-09 20:48:58

HTML5 1.4 列表的相关文章

HTML5 第二章 列表和表格和媒体元素

列表: (1)什么是列表? 列表就是信息资源的一种展示形式. (2)无序列表: 语法: <ul> <li>第1项</li> <li>第2项</li> <li>第3项</li> </ul> (3)有序列表: 语法: <ol> <li>第1项</li> <li>第2项</li> <li>第3项</li> </ol> (4

Mozilla对HTML5规范支持列表

翻译自Mozilla Developer Network 在2009年10月28日,HTML 5规范草稿在网络超文本应用技术工作组(WHATWG)中基本出于最后定稿阶段,这意味着HTML 5标准基本定型了.这里列出来一些已经在Mozilla的Gecko中支持的HTML 5特性. HTML5简介 HTML5简介 这篇文章介绍了如何在您的网页设计和应用中使用HTML5. HTML5元素 使用Audio和Video元素(Firefox 3.5) Firefox 3.5中添加了对HTML5中Audio和

HTML5样式和列表、CSS链接的四种状态

一.HTML5样式 1.标签: <style>:样式定义: <link>:资源引用: 2.属性: type="text/css":引入文档类型: rel="stylesheet":外部样式表: 3.三种样式表插入方法: (1)外部样式表: 在<head></head>中写入: <link  rel="stylesheet"  type="text/css"  href=&q

50个最受网友欢迎的HTML5资源下载列表

完整附件下载地址:http://down.51cto.com/data/413867 附件预览: HTML 5游戏源码精选(共含9个游戏源码) http://down.51cto.com/zt/227 15个HTML5入门经典资料合集 http://down.51cto.com/zt/553 HTML 5基础入门学习教程 http://down.51cto.com/zt/234 初学者必知的HTML5入门级技巧[技术文档]下载 http://down.51cto.com/data/297883

Html5添加基于列表的选择美化插件教程

一.使用方法 <link href="src/ui-choose.css" rel="stylesheet" /> <script src="js/jquery.min.js"></script> <script src="src/ui-choose.js"></script> 二.Html结构 <ul class="ui-choose" m

HTML5 - 表格与列表处理

有序无序列表 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

css3 html5 手机设备 列表的弹回和加速移动

<style type="text/css"> * { margin: 0; padding: 0; } .min { width: 350px; height: 400px; overflow: hidden; } .min ul { list-style: none; display: block; } .min ul li { height: 30px; } </style> <body> <div class="min&quo

【HTML5 1】39个让你受益的HTML5教程

闲话少说,本文作者为大家收集了网上学习HTML5的资源,期望它们能够帮助大家更好地学习HTML5. 好人啊! 只是,作者原来说的40个仅仅有39个,由于第5个和第8个是反复的. 原文在此! 1. 五分钟入门HTML5 (Learn HTML5 in 5 Minutes!)  By Jennifer Marsman 毫无疑问,HTML5是一个热门话题.假设你须要一个迅速了解HTML基础的速成课程,那这就是你须要的.我将介绍新的语义标签(markups). 使用canvas进行绘制和动画.视频(<v

39个让你受益的HTML5教程

闲话少说,本文作者为大家收集了网上学习HTML5的资源,期望它们能够帮助大家更好地学习HTML5. 好人啊! 只是,作者原来说的40个仅仅有39个,由于第5个和第8个是反复的. 原文在此! 1. 五分钟入门HTML5 (Learn HTML5 in 5 Minutes!)  By Jennifer Marsman 毫无疑问,HTML5是一个热门话题.假设你须要一个迅速了解HTML基础的速成课程,那这就是你须要的.我将介绍新的语义标签(markups). 使用canvas进行绘制和动画.视频(<v