`

html中几种基本的列表

    博客分类:
  • html
阅读更多
常用的列表有三类型:无序列表 ul(unordered List) ,有序列表 ol(ordered list) 和定义列表 dl(definition list)3 种格式。
无序列表

无序列表是一个项目的序列。各项目前加有标记(通常是黑色的实心小圆圈,但是实现多个无序列表一起使用就会出现空心圆),无序列表中可以加入段落、换行、图像,链接,其他的列表等等。

无序列表以<ul>标签开始。每个列表项目以<li>开始。


<ul>
<li>小一</li>
<li>小二</li>
</ul>

在浏览器中显示如下:


小一 
小二 

有序列表

有序列表也是一个项目的序列。各项目前加有数字作标记。有序列表中可以加入段落、换行、图像,链接,其他的列表等等。

有序列表以<ol>标签开始。每个列表项目以<li>开始。


<ol>
<li>小一</li>
<li>小二</li>
</ol>

在浏览器中显示如下:

小一
小二
 
自定义列表

自定义列表不是一个项目的序列,它是一系列条目和它们的解释。自定义列表的定义(标签<dd>)中可以加入段落、换行、图像,链接,其他的列表等等。

有序列表以<dl>标签开始,自定义列表条目以<dt>开始,自定义列表的条目内容定义以<dd>开始。


<dl>
<dt>小一</dt>
<dd>吃饭了吗?</dd>
<dt>小二</dt>
<dd>还没吃饭呢!</dd>
</dl>

在浏览器中显示如下:


小一
吃饭了吗?
小二
还没吃饭呢!
分享到:
评论

相关推荐

    html的下拉框的几个基本用法

    NULL 博文链接:https://hoocy.iteye.com/blog/340328

    JS开发中基本数据类型具体有哪几种

    JS开发中基本数据类型有哪些?JS的数据类型包括基本数据类型、复杂数据类型和特殊数据类型,今天我们主要先讲解一下基本数据类型。 0、先提示两个下面用到的知识点: 0.1typeof,是用来检测变量类型的 写法:typeof ...

    HTML5 input新增的几种类型(数字、日期、颜色选取、范围)

    下面是这几种新型input类型的实例演示,可能在不同的浏览器上它们的样式会稍微有些变化,但基本的功能都是一样的。 html5中的新型input类型 数字型 type=”number” &lt;input type="number"&gt; 效果: 日期型 type...

    用jsp做的几种表单

    用html+jsp做的几种基本表单以及相应的处理过程

    收集一些后台模板html_css

    因为后台的样式基本上都是一样的,不需要什么特殊或者不规则的html,一些form,input,列表,分页,tab…不外乎就那么几种,完全没 有必要花时间在逐个页面写HTML,很费时间,修改也麻烦.写好一个类之后,就通过简单的PHP语句...

    php开发规范

    以《阿里巴巴java开发手册》为参考,抽取并修改了原手册中满足php开发的条目。...目前是第一个版本,后续还有补充。...对于强制类型条目,基本不区分场景。推荐和参考类型适具体情况使用,不做强制要求。

    HTML 几种特别分割线特效

    一、基本线条 二、特效(效果并不是孤立的,可相互组合)1、两头渐变透明:(opacity=100,finishopacity xss=removed width=80% color=#987cb9 SIZE=3&gt;   2、纺锤形:(opacity=100,finishopacity xss=removed ...

    在网页中引用CSS 的方法

    4. 用CSS 完成常见的几种网页布局形式的练习; 5. 使用Div+CSS,完成“实习二”中“index.htm”页面的布局; 6. 在多种浏览器上对网页测试。 HTML 与XHTML 的区别,在网页设计中各有什么用处? CSS 的基本思想 CSS ...

    HTML中的if判断用法

    在django的web开发过程中,编写html时,从后端传入同名列表变量,但是内容格式有所区别,需要分别判断,查阅了很多文章试了好几种方法,格式似乎都不太对(本人没有系统学习过前端,基本都是照葫芦画瓢) ...

    JDBC连接Access数据库的几种方式介绍

    对于几种连接Access数据库的方式,基本上都是基于JDBC-ODBC方式的,当然也有纯JDBC驱动的方式。这里我暂时就不说了。对于这几种方式,除了取得连接之处不同外,其他的代码都是一样的。所以这里先写出取得连接的几种...

    前端素材bootstrap实现的几种通用的后台管理系统(附带源码)

    应用型的后台管理系统是一种用于管理应用程序、网站或系统的后台界面,通常由开发人员或管理员使用。这类系统的主要功能是帮助管理者有效地监控、维护和控制应用程序的运行情况,同时提供必要的工具和功能来管理用户...

    html5利用canvas绘制各种基本图形工具.rar

    用html5实现的简单在线画图工具,包括以下几个部分: 图像 单独的按钮组 保存图片、清除画布 操作组(所有按钮中只能选取一个) 工具(画笔、橡皮、油漆桶、吸管、文字、放大) 形状(画线、画圆圈、画方框、画三角形、画...

    HTML知识整理、网页制作基础教程 CHM.rar

     制作1px边框表格的几种方法  有关表格边框的CSS语法整理  网页设计理念  有了好的设计理念,才能规划好一个精彩的网站……  网页中的平衡、对比、连贯和留白  韩国商业网站设计分析  网页设计的布局...

    ajax中文乱码如何解决

    当遇到这个问题时,到网上去查了好多文章,提到几种解决方案,如:全站UTF-8编码;请求头编码为中文;使用javascript中的escape函数。 使用GET方式提交数据的时候,中文问题很好解决,setrequestheader("Content-...

    XML入门教程

    2.几种常见的网站脚本语言:例如javascript 和VBScript 什么是 XML? XML 全称是 EXtensible Markup Language XML 是一种类似与HTML 的语言. XML 是被设计用来描述数据的语言. XML 在XML 中标志(tags,在html 中就是...

    HTML表单提交的几种方式_动力节点Java学院整理

    随着HTML5的兴起,前端越来越多样化,比如表单的提交,现在就有多种方式可以选择,下面总结一下常见的表单提交方式。

    分享常见的几种页面静态化的方法

    PHP静态化的简单理解就是使网站生成页面以静态HTML的形式展现在访客面前,PHP静态化分纯静态化和伪静态化... 观看一下大一点的网站基本全是静态页面,而且可以减少攻击,防sql注入。 数据库出错时,不影响网站正常访问

    用CSS播放声音的几种技巧方法

    用 CSS 播放声音有好几种方法,但是其基本思想是相同的:将音频文件作为网页中的隐藏对象或文档插入,并在有操作发生时显示它。像这样: &lt;style&gt; embed { display: none; } button:active + embed

    Javascript 文档

    Javascript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java ...它的出现弥补了HTML语言的缺陷,它是Java与HTML折衷的选择,具有以下几个基本特点

    JS数组进阶示例【数组的几种函数用法】

    本文实例讲述了JS数组的几种函数用法。分享给大家供大家参考,具体如下: 前面介绍了js数组的基本定义与使用方法,这里再来进一步说明一下js数组函数。 &lt;html&gt; &lt;head&gt; &lt;title&gt;js数组进阶&lt;/...

Global site tag (gtag.js) - Google Analytics