`

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>

输出结果

      (正方形) 张三

      (正方形) 李四

      (正方形) 王五

 

 

分享到:
评论

相关推荐

    EXCMS模板标签之列表标签详解

    为了帮助开发者更好地理解并利用EXCMS中的模板标签来构建高效、美观的网页,本文将深入探讨“列表标签”的使用方法及应用场景。 #### 二、列表标签概述 列表标签在EXCMS中主要用于获取和展示各种类型的列表数据,如...

    HTML语言剖析 HTML标签讲解以及其应用示例

    在这个"HTML语言剖析 HTML标签讲解以及其应用示例"的课程或资源中,我们将深入学习这些关键知识点。 首先,我们从基础开始,HTML的基本结构由&lt;!DOCTYPE&gt;声明、&lt;html&gt;元素、元素和元素组成。&lt;!DOCTYPE&gt;定义了文档...

    常用的HTML5列表标签

    在实际应用中,为了提高可读性和增强用户体验,可以利用CSS自定义列表的样式,如更改无序列表的小圆点样式,调整有序列表的编号样式,以及定制定义列表的间距和颜色等。同时,为了保持代码的简洁和语义化,不推荐在`...

    Struts应用开发完全手册(html标签)

    `&lt;html:html&gt;`标签可以根据用户会话或HTTP请求头中的语言偏好来设置HTML文档的语言属性,这在国际化应用中尤为重要。`&lt;html:base&gt;`标签则用于设置页面的基地址,方便页面内部链接的生成。 例如,`&lt;html:html lang=...

    cms文章列表标签使用

    在CMS(内容管理系统)中,文章列表标签是一个关键功能,它允许用户轻松地在网站上展示和组织文章。本文将深入探讨如何在CMS系统中,特别是以Jeecms为例,有效地利用文章列表标签来实现这一目标。 首先,我们需要...

    Struts2中的标签介绍及应用实例

    在实际应用中,应避免直接通过`.jsp` URL访问包含这些标签的页面,而是应该通过Action来驱动页面展示,因为Action可以处理业务逻辑,提供数据给标签使用。 总结来说,Struts2的标签极大地简化了开发过程,特别是...

    HTML语言基础与标签应用指南

    内容概要:本文详尽介绍了 HTML 的基础知识与核心标签的应用方法,从 HTML 的文档类型声明、基本结构、常用标签入手,全面解析了标签间的层次关系、文本格式化技巧、图像与超链接的使用规则、列表及表单的设计思路。...

    HTML文件,html4的标签学习

    在实际应用中,应遵循语义化原则,选择合适的标签来描述页面内容,提高网页的可读性和可访问性。 此外,了解CSS(Cascading Style Sheets)是提升HTML页面表现力的关键,CSS可以控制字体、颜色、布局等视觉效果。当...

    firebug指南(六)--HTML标签应用实例

    【标题】:“firebug指南(六)--HTML标签应用实例” 在Web开发中,Firebug是一款非常重要的工具,尤其对于前端开发者来说,它提供了一种深入解析网页元素、调试JavaScript、调整CSS样式等功能。本篇指南将聚焦于...

    Struts2标签列表及说明

    Struts2 标签列表及说明 Struts2 是一个基于 Java 语言的 Web 应用程序 Framework,它提供了许多标签来帮助开发者快速构建 Web 应用程序...这些标签都是 Struts2 框架中提供的,用于帮助开发者快速构建 Web 应用程序。

    HTML第一章-基本标签

    3. **列表标签** - `&lt;ul&gt;`和`&lt;ol&gt;`:无序列表和有序列表。 - `&lt;li&gt;`:列表项。 4. **图像标签** - `&lt;img&gt;`:插入图片,`src`属性定义图片源,`alt`属性提供替代文本。 5. **区块元素** - `&lt;div&gt;`:定义一个...

    html基本框架和无序列表有序列表练习、a标签和href练习实验报告.docx

    【HTML基础框架与列表练习及超链接应用】 HTML(HyperText Markup Language)是构建网页的基础语言,本实验主要涵盖了HTML的基本框架、无序列表、有序列表的使用,以及a标签和href属性的实践。 1. **HTML基本框架*...

    HTML数据加载到超级列表框中模块源码

    在桌面应用或移动应用中,可能需要使用特定平台的API,如JavaFX、Qt或React Native。 在“SanYe”标签下,这个资源可能提供了特定实现这个功能的源码,例如一个JavaScript库或者一段示例代码。在`content.txt`文件...

    匹配html中的所有A标签并替换

    标题 "匹配html中的所有A标签并替换" 涉及的主要知识点是HTML解析和正则表达式在文本处理中的应用。在IT行业中,这通常与网页数据抓取、内容处理或者自动化测试相关。 1. HTML标签:HTML(HyperText Markup ...

    HTML标签帮助文档

    **列表标签** `&lt;ul&gt;`和`&lt;ol&gt;`分别用于无序列表和有序列表,每个列表项由`&lt;li&gt;`标签包裹。 **表格标签** `&lt;table&gt;`、`&lt;tr&gt;`(表格行)、`&lt;th&gt;`(表头单元格)和`&lt;td&gt;`(普通数据单元格)共同构建表格。`&lt;caption&gt;`...

    HTML5培训技术分享 定位属性、列表的高级应用及带有图片列表的网页制作(中)

    本篇教程通过具体案例介绍了HTML5中的定位属性和列表标签的高级应用。通过合理运用这些技术,我们可以创建出功能丰富且外观精美的网页。未来学习中,可以继续探索其他CSS属性和技术,以提升自己的网页开发能力。

    html5网页前端设计课后习题答案.docx

    HTML5 中的列表标签有三种:有序列表标签 、无序列表标签 &lt;ul&gt; 和定义列表标签 。有序列表标签 &lt;ol&gt; 和 &lt;/ol&gt; 用于定义带有编号的有序列表;无序列表标签 &lt;ul&gt; 和 &lt;/ul&gt; 用于定义不带编号的无序列表;定义列表标签 ...

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

    以下将详细介绍HTML列表中的一些主要元素:`&lt;dl&gt;`, `&lt;dt&gt;`, `&lt;dd&gt;`, `&lt;ul&gt;`, `&lt;li&gt;`, 和 `&lt;ol&gt;` 的区别及应用。 1. **无序列表(Unordered List)** 无序列表通常用于显示不需按特定顺序排列的项目。它使用`&lt;ul&gt;`...

    HTML标签说明

    - **应用场景**: 结合`&lt;dl&gt;`和`&lt;dt&gt;`标签使用,用于定义列表中的描述项。 #### - **标签**: `&lt;del&gt;` - **描述**: 定义被删除文本。 - **应用场景**: 用于标记文档中已被删除的部分,通常用以表示修改历史。 #### ...

Global site tag (gtag.js) - Google Analytics