`

html中列表标签的应用

    博客分类:
  • html
阅读更多


常用列表标签

<dl>    definition list 定义列表

 

<dt>  definition title 定义标题 

 

<dd>  definition description 陈述描述

 

例子:

   <dl>

      <dt>姓名:</dt>

       <dd>张三</dd>

       <dd>李四</dd>

       <dd>王五</dd>

   </dl>

结果:

姓名:

      张三

      李四

      王五


数字标签(a A I i(罗马) 1(阿拉伯) )

<ol>:ordered list 定义有序列表 

<ul>:unordered list 定义无序列表 

<li>:list item 定义列表的项目 

例子:默认为罗马数字


<ol>

 <li>张三</li>

     <li>李四</li>

     <li>王五</li>

<ol/>

   

结果:张三

      2 李四

      3. 王五

----------------------------------------

 <ol type="a">

       <li>张三</li>

       <li>李四</li>

       <li>王五</li>

 </ol>

输出结果

      a 张三

      b 李四

      c 王五

----------------------------------------------

<ol type="i">

       <li>张三</li>

       <li>李四</li>

       <li>王五</li>

 </ol>

输出结果

      i 张三

      ii 李四

      iii 王五


---------------------------------------------------------------------------

 

<ol type="square">

       <li>张三</li>

       <li>李四</li>

       <li>王五</li>

 </ol>

输出结果

      (正方形) 张三

      (正方形) 李四

      (正方形) 王五

 

 

分享到:
评论

相关推荐

    常用的HTML5列表标签

    一、列表标签作用 作用:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体 二、列表标签分类: 1、无序列表unorderd list:给一堆数据添加列表语义,并且一堆数据中所有的数据都没有先后...

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用.doc

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 方法/步骤 1无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。 无序列表始于 &lt;ul&gt; 标签。每个列表项始于 。

    使用HTML开发商业网站-定义列表课件.pptx

    使用HTML开发商业网站 定义列表 定义列表 以传智播客师资介绍为例,认识...接下来通过一个具体的案例来演示定义列表在图文混排中的应用,如例6-4所示。 列表标签 定义列表 例6-4 图文混排定义列表 列表标签 谢谢大家

    HTML学习总结文档.rar

    标签是HTML的核心,本文主要列举了一些常用的标签,给出了每组标签应用实例的HTML代码供参考.   目录 1 初识HTML网页设计 1 2 HTML元素 1 3 HTML标签 1 3.1 基本的HTML标签 2 3.2 HTML链接 2 3.3 表单标签 3 ...

    网页HTML 有序列表ol 和无序列表 ul

    用于组织数据的列表 学习了这么多控制网页显示的HTML标签,读者可以初步制作纯文章页面了。本节学习HTML中的列表元素,...大部分网页应用中的列表均采用无序列表,其列表标签采用&lt;ul&gt;&lt;/ul&gt;,编写方法如下:  &lt;li

    解读html5关于html5的应用与认识

    • 不需要闭合标签 在 HTML5 中,空标签(如:br、img 和 input )并不需要闭合标签。 • 废弃的标签 下面这些标签并不被 HTML5 支持: &lt;acronym&gt;、&lt;applet&gt;、&lt;basefont&gt;、&lt;big&gt;、&lt;...

    即用即查HTML+CSS标签参考手册

    本书文档要点:HTML入门,与浏览器相关的结构性标记,页面元素外观,超级链接,图像与多媒体,页面的布局与分隔,列表,表单,表格,框架结构,其他常用标记;还有CSS文字属性,CSS元素的背景,CSS边框的设置,CSS...

    利用HTML5的Audio标签实现音乐播放器

    本应用是利用HTML5提供的Audio标签搭配JQuery开发完成的音乐播放

    HTML5从入门到精通(第2版)配套光盘资源资源【完整版】.txt

    包括HTML基础、HTML文件基本标记、设计网页文本内容、使用列表、使用超链接、使用图像、表格的应用、层——div标签、编辑表单、多媒体页面、HTML5的新特性、HTML5与HTML4的区别、HTML5的结构、HTML5中的表单、文件与...

    从入门到精通HTML5——PDF——网盘链接

     12.1.3 HTML 5语法中的3个要点 227  12.1.4 标签实例 228  12.2 新增的元素和废除的元素 228  12.2.1 新增的结构元素 228  12.2.2 新增的块级的语义元素 230  12.2.3 新增的行内的语义元素 231  12.2.4 新增...

    HTML5/CSS3图片左右切换弹性动画

    这是一款很有特点的HTML5图片切换动画,点击左右按钮即可将图片进行弹性切换,图片在被切换时,都会产生一定的弹性缓冲动画效果。这款HTML5图片应用非常适合在产品宣传页面上使用,看上起十分大气。

    HTML开发王

    6.2.4 定制有序列表中的列表项序号的数值(value属性) 6.3 使用dir和menu元素来定义列表 6.4 巩固与自测 第7章 建立超链接 7.1 链接的基础知识 7.2 了解文档位置和路径 7.2.1 绝对路径 7.2.2 文档相对路径 7.2.3 区分...

    CSS网页设计基础教程

    CSS 网页设计基础教程 教程内容:00-00-课程介绍01-01-html01-02-段落标签01-03-图片标签01-04-列表标签01-05-区块标签01-06-链接标签01-07-span标签02-01-css02-02-在网页中嵌入CSS02-03-选择器 控制样式应用的...

    jQuery Mobile 列表视图

    应用方法就是在ul或ol标签中添加data-role=”listview”属性。在每个项目( )中添加链接,用户可以点击它: 实例   列表项m   列表项 列表样式的圆角和边缘,使用 data-inset=”true” 属性设置: 实例 ...

    wrap-tag:一个 Liquid 块标签,可以很容易地用 html 包装包含、渲染或产出标签

    将此行添加到应用程序的 Gemfile 中: gem 'octopress-wrap-tag' 然后执行: $ bundle 或者自己安装: $ gem install octopress-wrap-tag 接下来将它添加到 Jekyll 的_config.yml gems 列表中 gems: - ...

    VeryIDE Apps 应用程序集 v1.5.6 GBK.rar

    新增 广告位"包裹标签",用于每条广告使用HTML标签包裹 新增 广告统计分析中对微软Bing(必应)搜索引擎的识别支持 新增 Flash图片轮换广告形式,支持多图自动切换 新增 广告主JS文件迷你(Mini)调用文件,去掉了不必要...

    VeryIDE Apps 应用程序集 v1.5.6 UTF8.rar

    新增 广告位"包裹标签",用于每条广告使用HTML标签包裹 新增 广告统计分析中对微软Bing(必应)搜索引擎的识别支持 新增 Flash图片轮换广告形式,支持多图自动切换 新增 广告主JS文件迷你(Mini)调用文件,去掉了不必要...

Global site tag (gtag.js) - Google Analytics