`
oywl2008
  • 浏览: 1006059 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

HTML列表(Lists)

 
阅读更多

HTML有三种列表形式:排序列表(Ordered List);不排序列表(Unordered List);定义列表(Definition List)。

排序列表(Ordered List)

排序列表中,每个列表项前标有数字,表示顺序。

排序列表由<ol>开始,每个列表项由<li>开始。

排序列表示例

不排序列表(Unordered List)

不排序列表不用数字标记每个列表项,而采用一个符号标志每个列表项,比如圆黑点。

不排序列表由<ul>开始,每个列表项由<li>开始。

不排序列表示例

定义列表

定义列表通常用于术语的定义。

定义列表由<dl>开始。术语由<dt>开始,英文意为Definition Term。术语的解释说明,由<dd>开始,<dd></dd>里的文字缩进显示。

定义列表示例

更多示例

不同类型(Type)的排序列表

这个例子显示如何用Type属性设置排序列表项前的符号。

不同类型(Type)的不排序列表

这个例子显示如何用Type属性设置不排序列表项前的符号。

嵌套的列表

列表里可以含有子列表。通常用这种嵌套的列表,反映层次较多的内容。

 

 

 

 

http://www.admin5.com/html/html_tutorials/035_html_list.html

 

 

分享到:
评论

相关推荐

    styleable-lists:轻松设置HTML列表项目符号和有序列表编号的样式,而不会影响正文

    CSS库的styleable-lists可以轻松设置HTML列表项目符号和数字的样式,而不会影响正文。 只需将样式放在li:before选择器和vola自定义项目符号上即可。 观察下面的示例,在该示例中,我们选择将ul li符号和ol li数字...

    jquery-sortable-lists, 用于排序列表的jQuery插件还包括树结构.zip

    jquery-sortable-lists, 用于排序列表的jQuery插件还包括树结构 jquery-sortable-lists用于排序列表的插件还包括树结构。$('#myList').sortableLists( options );你可以通过鼠标对html列表的项进行排序。 创建树结构...

    前端项目-angular-drag-and-drop-lists.zip

    前端项目-angular-drag-and-drop-lists,Angular directives for sorting nested lists using the HTML5 Drag and Drop API

    html-fundamentals-html-lists-lab-atlanta-web-033020

    HTML列表学习目标识别无序和有序HTML列表创建无序列表识别有序列表标签创建有序列表介绍许多HTML标记以独特的方式运行。 有些应用自动样式设置,例如p标签可在文本周围创建边距。 有些,例如标题标签,会增加字体...

    html-fundamentals-html-lists-lab-online-web-prework

    HTML列表学习目标识别无序和有序HTML列表创建无序列表识别有序列表标签创建有序列表介绍许多HTML标记以独特的方式运行。 有些应用自动样式设置,例如p标签可在文本周围创建边距。 有些,例如标题标签,会增加字体...

    HTML5.Quick.Markup.Reference

    Chapter 13: HTML5 Lists: Numbered, Bulleted, and Definition Lists Chapter 14: HTML5 Tables: Constructing Data in a Tabular Format Chapter 15: HTML5 Forms: Creating Forms Using HTML5 Tags Chapter 16: ...

    html-lists-lab-v-000

    HTML列表 问题陈述 许多HTML标记以独特的方式运行。 有些应用自动样式设置,例如p标签可在文本周围创建边距。 有些,例如标题标签,会增加字体大小。 使用这些标签可以描述我们的内容。 在阅读HTML时,使用正确的...

    phase-0-html-lists-lab

    HTML列表学习目标识别无序和有序HTML列表创建无序列表识别有序列表标签创建有序列表介绍许多HTML标记以独特的方式运行。 有些应用自动样式设置,例如p标签可在文本周围创建边距。 有些,例如标题标签,会增加字体...

    index (2).html

    index (2).html

    HTML5-Reverse-Ordered-Lists:用于有序列表的 'reversed' 属性的 polyfill,HTML5 中的新功能,但目前不支持浏览器

    该脚本基本上使用 HTML4 中已弃用但现在在 HTML5 中有效的列表项上的跨浏览器“值”属性。 特别感谢移除了 polyfill 对 jQuery 的依赖。 更要感谢 ,他指出了 HTML 中已经存在的手动值属性的问题,以及原始 JS ...

    html-fundamentals-html-lists-lab-nyc01-seng-ft-051721

    HTML列表学习目标识别无序和有序HTML列表创建无序列表识别有序列表标签创建有序列表介绍许多HTML标记以独特的方式运行。 有些应用自动样式设置,例如p标签可在文本周围创建边距。 有些,例如标题标签,会增加字体...

    视频教程付费观看资源下载站系统源码自适应暗夜模式随意切换

    资源下载源码出售视频教程付费观看模板手机自适应利于seo带暗夜...lists_tags.html 标签模板 lists_single.htm 单页面模板 lists_media.htm 视频列表模板 view_media.htm 视频内容页模板 lists_search.htm 搜索模板

    html-lists-online-web-sp-000

    HTML列表 目标 了解HTML列表元素的基础 &lt;ul&gt; , 切记使用httpserver实时测试您的网页 在上一课中添加的&lt;h4&gt;2014标签下的real-estate-listings.html页面中,我们应该在列表中添加一些月份。 在HTML中,我们可以使用...

    a11y-lists-of-lists:与可访问性相关的问题列表的列表

    列表的可访问性列表 一般资源 开发和测试资源 Web轴:可访问的日期选择器 ICT测试201车间测试工具 唐娜·邦加(Donna Bungard)的辅助工具清单不完整 W3C的Web可访问性评估工具列表 CivicActions辅助功能列表 设计...

    HTML A Beginner’s Guide, 5th Edition

    You’ll also go beyond the basics and find out how to work with Cascading Style Sheets (CSS), create dynamic web content with JavaScript, upload your site to the web, and code HTML emails. By the end...

    ngx-drag-and-drop-lists:列表的角度拖放组件

    Angular指令,允许您使用本机HTML5拖放API构建可排序的列表。 指令也可以嵌套以将拖放拖放到所见即所得编辑器,树或正在构建的任何奇特结构中。 归功于原始创作者 该库的灵感来自以AngularJS编写的库。 拖动元素...

    scribe-plugin-smart-lists

    将文本项目符号转换为HTML列表 。 安装 bower install scribe-plugin-smart-lists 或者,您可以。 使用范例 scribe-plugin-smart-lists是一个AMD模块: require ( [ 'scribe' , 'scribe-plugin-smart-lists' ] , ...

    [HTML5] HTML5 数据服务开发技巧 (英文版)

    Learn to effectively display lists and tables, draw charts, animate elements and use modern techniques such as templates and data-binding frameworks through simple and short examples. Examples ...

    html-lists-lab-onl01-seng-ft-061520

    HTML列表问题陈述许多HTML标记以独特的方式运行。 有些应用自动样式设置,例如p标签可在文本周围创建边距。 有些,例如标题标签,会增加字体大小。 使用这些标签可以描述我们的内容。 在阅读HTML时,使用正确的标签...

    html-lists-lab-onl01-seng-ft-090820

    HTML列表问题陈述许多HTML标记以独特的方式运行。 有些应用自动样式设置,例如p标签可在文本周围创建边距。 有些,例如标题标签,会增加字体大小。 使用这些标签可以描述我们的内容。 在阅读HTML时,使用正确的标签...

Global site tag (gtag.js) - Google Analytics