`
代昊鑫
  • 浏览: 19735 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

有关<uL>、<ol>和<dl>

 
阅读更多

1.UL(无序列表)

 

<ul>
<li>历史</li>
<li>政治</li>
<li>语文</li>
</ul>

 

 

 

默认效果:列表项目是以项目符号开头,在列表项之间没有先后次序时使用,所以又称无序列表.

2.OL(有序列表)

 

 

<ol>
<li>历史</li>
<li>政治</li>
<li>语文</li>
</ol>

 

 

 

默认效果:编号列表是以数字编号开头,一般列表项目都是有明确的先后顺序的,所以又称有序列表。

3.DL(自定义列表)

HTML代码:

 

<dl>  
<dt>科目</dt>  
<dd>历史</dd>  
<dd>政治</dd>  
<dd>语文</dd>  
</dl>

 



 

默认效果:定义列表是不使用项目符号或数字作为列表项前导符的列表形式。其结构是:在每个列表项目后带有一个缩进的定义字段(可以为空)。这就好像字典中对某个字的解释情况一样,所以,定义列表又称字典列表。它可用在站点友情链接的介绍、搜索引擎的查询结果显示、中英文对译等网页应用中。

  • 大小: 1.1 KB
  • 大小: 1 KB
  • 大小: 1.1 KB
分享到:
评论

相关推荐

    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;`...

    DL-Dt-DD(做表格Css实现)

    `&lt;dl&gt;`是定义列表(Description List)的标签,它用于定义一个名词或术语的集合,通常与描述或解释相关的术语对。`&lt;dt&gt;`是定义术语(Description Term)的标签,用来标记一个术语,而`&lt;dd&gt;`是定义描述(Description ...

    HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法

    复制代码代码如下:&lt;dl&gt; &lt;dt&gt;计算机&lt;/dt&gt; &lt;dd&gt;用来计算的仪器 … …&lt;/dd&gt; &lt;dt&gt;显示器&lt;/dt&gt; &lt;dd&gt;以视觉方式显示信息的装置 … …&lt;/dd&gt;&lt;/dl&gt; HTML &lt;ul&gt; 标签 #定义和用法 &lt;ul&gt; 标签定义无序列表。 #实例 无序 HTML 列表...

    HTML从入门到精通 第4章 列表

    - `&lt;ul&gt;` 和 `&lt;/ul&gt;` 标签用于定义整个无序列表。 - `&lt;li&gt;` 标签用于定义列表中的每一项。 **示例代码:** ```html &lt;html&gt; &lt;head&gt; &lt;title&gt;无序列表示例&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt;我们提供的软件类别包括:&lt;/p&gt; ...

    HTML列表标签dl、ul、ol 的使用示例

    本篇将深入解析HTML的三种主要列表标签:`&lt;dl&gt;`、`&lt;ul&gt;`和`&lt;ol&gt;`,以及它们的子标签,帮助初学者理解如何有效地使用这些标签来构建结构化的列表。 1. **定义列表(Definition List):&lt;dl&gt;, &lt;dt&gt;, 和&lt;dd&gt;** `&lt;dl&gt;`...

    1.html的语法+基本结构+文档标记,对网页制作感兴趣的很有帮助,浅显易懂,只需要TXT可操作,本人已学,有笔记,大纲,源码

    3、文档设置标记上-格式标(&lt;br&gt;&lt;p&gt;&lt;center&gt;&lt;pre&gt;&lt;li&gt;&lt;ul&gt;&lt;ol&gt;&lt;dl&gt;&lt;dt&gt;&lt;dd&gt;&lt;hr&gt;&lt;div&gt;) 4、文档设置标记下-文本标记(&lt;hn&gt;&lt;font&gt;&lt;b&gt;&lt;i&gt;&lt;sub&gt;&lt;sup&gt;&lt;tt&gt;&lt;cite&gt;&lt;em&gt;&lt;strong&gt;&lt;small&gt;&lt;big&gt;&lt;u&gt;) 5、含有教程笔记,大纲,...

    Web程序开发:第4章 HTML列表元素.pptx

    - `&lt;ol&gt;`标签直接放在`&lt;li&gt;`内是错误的,`&lt;ol&gt;`应该和`&lt;ul&gt;`一样,与`&lt;li&gt;`同级。 理解并熟练掌握HTML列表元素,对于创建结构清晰、信息丰富的网页至关重要。通过合理运用列表,可以提高用户体验,方便用户快速...

    HTML5&CSS3网页制作:列表元素.pptx

    通过在已有的`&lt;ul&gt;`或`&lt;ol&gt;`标签内部嵌套新的`&lt;ul&gt;`或`&lt;ol&gt;`标签,即可实现嵌套列表。例如: ```html &lt;ul&gt; &lt;li&gt;大类1 &lt;ul&gt; &lt;li&gt;小类1.1&lt;/li&gt; &lt;li&gt;小类1.2&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;大类2 &lt;ol&gt; &lt;li&gt;小类2.1&lt;/li...

    前端与移动开发之列表

    &lt;ul &gt; &lt;li&gt;任意内容&lt;/li&gt; &lt;li&gt;任意内容&lt;/li&gt; &lt;li&gt;任意内容&lt;/li&gt; &lt;/ul&gt; 注意: ①没有顺序要求 ②ul标签里面只能有li 其他标签不允许 ③li标签中可以是任意元素 ④自带样式(默认是...

    03-HTML列表.ppt

    最后,自定义列表(`&lt;dl&gt;`、`&lt;dt&gt;`和`&lt;dd&gt;`)用于定义术语和其解释。`&lt;dl&gt;`作为列表容器,`&lt;dt&gt;`定义术语,而`&lt;dd&gt;`提供解释。例如: ```html &lt;dl&gt; &lt;dt&gt;HTML&lt;/dt&gt; &lt;dd&gt;HyperText Markup Language&lt;/dd&gt; &lt;dt&gt;CSS&lt;/...

    HTML li 标签.docx

    它可以单独使用,也可以与其他标签结合使用,如 &lt;ol&gt;、&lt;ul&gt;、&lt;dl&gt; 等。li 标签的基本语法如下: ```html &lt;ol&gt; &lt;li&gt;项目 1&lt;/li&gt; &lt;li&gt;项目 2&lt;/li&gt; &lt;li&gt;项目 3&lt;/li&gt; &lt;/ol&gt; &lt;ul&gt; &lt;li&gt;项目 1&lt;/li&gt; &lt;li&gt;项目 2&lt;/li&gt;...

    作业.docx

    HTML中有三种类型的列表:无序列表&lt;ul&gt;、有序列表&lt;ol&gt;和定义列表&lt;dl&gt;。无序列表的列表项目之间没有顺序,有序列表的列表项目之间有顺序,定义列表用于定义术语和解释。 4. 列表类型:&lt;ul&gt;、&lt;ol&gt;、&lt;dl&gt; 题目中问的是...

    HTML标签(下)(表格+列表+表单)

    有序列表使用&lt;ol&gt;标签定义,无序列表使用&lt;ul&gt;标签定义,定义列表使用&lt;dl&gt;标签定义。 有序列表 有序列表使用&lt;ol&gt;标签定义,列表项使用&lt;li&gt;标签定义。例如: ``` &lt;ol&gt; &lt;li&gt;列表项1&lt;/li&gt; &lt;li&gt;列表项2&lt;/li&gt; &lt;li&gt;...

    【网页设计-最新经典技术文档】HTML语言剖析(六)清单标记.pdf

    本篇主要讲解了四种类型的清单标记:`&lt;OL&gt;`(顺序清单)、`&lt;UL&gt;`(无序清单)、`&lt;MENU&gt;`和`&lt;DIR&gt;`(已过时)、以及`&lt;DL&gt;`(定义清单)。 1. **顺序清单 `&lt;OL&gt;`**: - `&lt;OL&gt;` 标签用于创建一个有序(编号)列表,...

    HTML 列表.docx

    它包含`&lt;dt&gt;`(定义术语)和`&lt;dd&gt;`(定义描述)两个部分。例如: ```html &lt;dl&gt; &lt;dt&gt;Coffee&lt;/dt&gt; &lt;dd&gt;- black hot drink&lt;/dd&gt; &lt;dt&gt;Milk&lt;/dt&gt; &lt;dd&gt;- white cold drink&lt;/dd&gt; &lt;/dl&gt; ``` **4. 列表的嵌套** HTML...

    蔚蓝网上书店首页代码

    &lt;ul&gt; &lt;li&gt;&lt;a href="#" target="_self"&gt;客户服务&lt;/a&gt;&lt;/li&gt; &lt;li&gt;|&lt;/li&gt; &lt;li id="menu"&gt;&lt;a href="#" target="_self"&gt;新手入门&lt;/a&gt; &lt;img src="images/arrow_down.gif" alt="arrow" /&gt; &lt;div id="dd_menu_top_down"&gt; ...

    网页设计HTML代码教程.doc

    5. `&lt;ol&gt;&lt;/ol&gt;`、`&lt;ul&gt;&lt;/ul&gt;`、`&lt;li&gt;&lt;/li&gt;`:用于定义一个有序列表或无序列表。 6. `&lt;div&gt;&lt;/div&gt;`:用于定义一个块元素。 格式标志的使用 * `&lt;p&gt;` 标志用于定义一个段落。 * `&lt;br&gt;` 标志用于换行。 * `&lt;blockquote...

    html学习初探 doc

    在`&lt;body&gt;`中,`&lt;p&gt;`标签用于创建段落,`&lt;br&gt;`标签插入换行,`&lt;blockquote&gt;`用于长引用,`&lt;dl&gt;&lt;dt&gt;&lt;dd&gt;`组合用于定义列表,`&lt;ol&gt;`和`&lt;ul&gt;`分别用于创建有序和无序列表,`&lt;li&gt;`则是列表项。`&lt;div&gt;`元素作为容器,常...

Global site tag (gtag.js) - Google Analytics