`

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的下拉框的几个基本用法

    在本篇博文中,我们将深入探讨HTML下拉框的几个基本用法,包括单选、多选、自定义样式以及通过JavaScript进行动态操作。 一、创建基本的下拉框 HTML的基本下拉框结构如下: ```html 选项1 选项2 选项3 ``` ...

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

    HTML数据加载到超级列表框中,这是一个在编程领域常见的需求,尤其在开发用户界面时,为了展示大量结构化的数据,超级列表框(ListBox)是一种高效且直观的方式。在这个场景下,我们将HTML格式的数据加载到超级列表...

    python解析html的几种方法

    本文将详细介绍其中的几种主要技术,包括lxml、XPath、HTMLParser以及SGMLParser。 首先,`lxml`是一个强大的库,它结合了libxml2和libxslt的功能,为Python提供了高效的XML和HTML处理能力。`lxml`支持XPath和CSS...

    几种api文档

    标题中的“几种API文档”指的是不同编程语言或技术的接口文档集合,这些文档通常用于指导开发者如何使用特定的编程工具、库或者框架。在描述中提到了Java、HTML、DHTML、J2EE6和CSS这五种技术,接下来我们将分别深入...

    html+css基础入门学习教程之什么是列表,列表分为几种

    本教程将介绍HTML中的三种基本列表类型:无序列表、有序列表和定义列表。 1. **无序列表(Unordered List)** 无序列表用于表示一组不需按特定顺序排列的项目。每个项目前通常会有一个小圆点作为标识。无序列表...

    Html网页目录树效果

    HTML网页目录树效果是一种在网页上展示层次结构的常见方式,尤其适用于文件系统、网站导航或组织复杂数据。本文将详细介绍如何使用HTML、CSS和JavaScript(可能涉及JSP)来创建这种效果,以及如何实现这一功能的同时...

    html、css实现的一个下载列表

    这个“html、css实现的一个下载列表”项目就是利用这两种技术来创建一个功能性的下载列表,其中包含了鼠标悬停时显示上传信息的交互效果。下面将详细介绍这个项目中的关键知识点。 首先,HTML是网页内容的结构语言...

    HTML5无序列表案例.pdf

    HTML5无序列表可以分为以下几种类型: * disc类型:使用实心圆作为项目符号。 * circle类型:使用空心圆作为项目符号。 * square类型:使用方形作为项目符号。 三、HTML5无序列表的应用 HTML5无序列表广泛应用...

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

    在JS中,存在七种数据类型,其中五种是基本数据类型(也称为原始数据类型),两种是复杂数据类型。接下来,我们将详细讨论这些基本数据类型及其相关的转换方法。 1. **基本数据类型** - **Number**: 包括整数和...

    用JavaScript来美化HTML的select标签的下拉列表效果

    在现代网页设计中,select下拉列表是实现用户交互的一项基本元素,但在不同的浏览器中,其样式表现差异较大,且在自定义样式方面存在限制,尤其是无法完全通过CSS控制其外观。随着Web标准的推进,浏览器厂商对HTML...

    Javascript基础网页中调用JS代码的几种方法

    以上介绍了几种在HTML文档中调用JavaScript代码的基本方法。每种方法都有其适用场景,开发者可以根据实际需求选择合适的方式来集成JavaScript,从而提高网页的互动性和用户体验。随着Web技术的发展,JavaScript的...

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

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

    HTML5有序列表.pdf

    HTML5中的有序列表是网页制作中一种常见的元素,用于组织信息并展示有顺序的数据或步骤。有序列表在HTML5中由`&lt;ol&gt;`标签定义,它包含一系列的`&lt;li&gt;`(列表项)标签,每个`&lt;li&gt;`标签用于创建列表中的一个条目。有序...

    HTML基本概念,标签集合

    HTML的基本概念包括以下几个方面: 1. **HTML文档结构**:一个标准的HTML文档通常由三部分构成:头部(Head)、主体(Body)和声明(DOCTYPE)。DOCTYPE声明位于文档顶部,用来告诉浏览器文档使用哪种HTML版本。...

    java生成html

    在Java编程语言中,生成HTML是一种常见的任务,特别是在构建动态网站、报表生成或者自动化文档生产等场景。这个任务通常涉及到将数据与预定义的HTML模板结合,生成最终的HTML文件。下面我们将深入探讨如何在Java中...

    Palette从图像中提取几种主色

    "Palette从图像中提取几种主色"这个主题聚焦于如何利用编程技术从图像中提取主要的颜色,创建调色板。这个过程通常被称为色彩分析或色彩量化。 首先,我们从“canvas的getImageData()方法”开始。Canvas是HTML5提供...

    制作一个简单HTML电影网页设计(HTML+CSS)

    项目描述中提到了几种常见的HTML编辑器,如: - **Dreamweaver**:一款专业的网页开发工具,由Adobe公司开发。 - **HBuilder**:一款轻量级的HTML编辑器,适用于快速开发。 - **Vscode**:微软出品的一款免费开源...

    html仿今日头条数据列表.zip

    在HTML版本的仿制中,我们将探讨如何使用HTML来构建类似的新闻列表,可能涉及到以下几个关键知识点: 1. **HTML 结构**:首先,我们需要创建一个清晰的HTML结构来承载新闻列表。这通常包括`&lt;header&gt;`、`&lt;nav&gt;`、`...

    几种播放器代码

    【标题】:“几种播放器代码” 在数字媒体领域,播放器是不可或缺的工具,用于播放音频和视频内容。本文将探讨几种常见的播放器代码,帮助开发者理解和实现多媒体内容的播放功能。这里提到的“flvplayer.swf”可能...

    html+css+js实现的8款图片展示设计,可用于制作网页版相册

    这些设计不仅展示了HTML、CSS和JavaScript的基本用法,还涵盖了响应式设计、动态效果和用户交互等多个方面,是学习和实践网页开发的宝贵素材。开发者可以根据实际需求选择适合的设计模式,为自己的项目增添特色。...

Global site tag (gtag.js) - Google Analytics