HTML 列表实例

最新推荐文章于 2022-10-14 16:47:58 发布
最新推荐文章于 2022-10-14 16:47:58 发布
阅读量339 收藏
点赞数
原文链接：http://www.cnblogs.com/zoulixiang/p/9953115.html
版权 
41.无序列表
本例演示无序列表。
<h4>一个无序列表</h4>
<ul>
    <li>咖啡</li>
    <li>茶</li>
    <li>牛奶</li>
</ul>
42.有序的列表
<h4>一个有序的列表</h4>
<ol>
    <li>咖啡</li>
    <li>牛奶</li>
    <li>茶</li>
</ol>
<ol start="20">
    <li>咖啡</li>
    <li>牛奶</li>
    <li>茶</li>
</ol>

43.不同类型的无序列表 ####
本例演示一个无序列表。
####

标签 描述
<ol>   定义有序列表。
<ul>   定义无序列表。
<li>   定义列表项。
<dl>   定义定义列表。
<dt>   定义定义项目。
<dd>   定义定义的描述。
<dir>  已废弃。使用 <ul> 代替它。
<menu> 已废弃。使用 <ul> 代替它。


<h4>Disc项目符号列表</h4>
<ul type="disc">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ul>
<h4>circle 项目符号列表</h4>
<ul type="circle">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ul>
<h4>Square 项目符号列表</h4>
<ul type="square">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ul>

44.不同类型的有序列表
本例演示不同类型的有序列表。
<h4>数字列表</h4>
<ol>
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ol>

<h4>字母列表</h4>
<ol type="A">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ol>

<h4>小写字母列表</h4>
<ol type="a">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ol>
<h4>罗马字母列表</h4>
<ol type="I">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ol>
<h4>小写罗马字母列表</h4>
<ol type="i">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ol>
45.嵌套列表
本例演示如何嵌套列表。

<h4>一个嵌套列表</h4>
<ul>
    <li>咖啡</li>
    <li>茶
        <ul>
            <li>红茶</li>
            <li>绿茶</li>
        </ul>
    </li>
    <li>牛奶</li>
</ul>

46.两层嵌套列表
<h4>两个嵌套列表</h4>
<ul>
    <li>咖啡</li>
    <li>茶
        <ul>
            <li>红茶</li>
            <li>绿茶
                <ul>
                    <li>中国茶</li>
                    <li>非洲茶</li>
                </ul>
            </li>
        </ul>
    </li>
    <li>牛奶</li>
</ul>

47.一个定义列表
<body>
<h2>一个定义列表</h2>
<d1>
    <dt>计算机</dt>
    <dd>用来计算的仪器</dd>
    <dt>显示器</dt>
    <dd>以视觉方式显示信息的装置</dd>
</d1>


转载于:https://www.cnblogs.com/zoulixiang/p/9953115.html

Zyyss1993
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML 框架、列表和table标签练习 第二个模块2
菜鸟心声：学的不仅是技术，更是梦想！
01-10 1267
HTML 框架和table标签练习HTML 框架iframe标签案例07HTML 列表无序列表案例08有序列表列表嵌套案例9作业作业1制作方块导航器作业2使用table实现如下企业主页作业3电商页面设计作业4播种绿色 HTML 框架 通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。 HTML`中有很多框架标签，但是大多数都弃用了，沿用至今的就是`<iframe> iframe标签 iframe语法: <iframe src="URL"></iframe> i
使用html中列表应用实例,5种简单实用的css列表样式实例，可以直接用到项目中。...
weixin_34620658的博客
06-19 660
本帖最后由 jianghejie 于 2012-6-29 11:51 编辑谁不希望有一个好看而又干净的列表？这篇文章中我们给出几个实用的例子，你可以把他们直接用到自己的工作中。 我们从一个带有动画效果的垂直列表开始，接着是一个图文混排的例子，然后是一个只有图片的list例子跟一个水平菜单的例子，最后是一个以放大数字开头的列表。对于初学者而言这里可以学到很多东西，对于熟手，直接拿来用就是了。这...
HTML中的列表示例
qq_39432774的博客
07-10 498
4.11下拉列表 使用下拉列表的好处: 方便,快捷 你想要购买汽车的品牌： 红旗 比亚迪 奔驰 宝马 大众   格式化的快捷键：ctrl+alt+L 标签定义多行的文本输入控件。 文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。 可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 C
博学谷 - html笔记05 - 列表标签
hecr_mingong的博客
06-28 308
1.特点 整齐、整洁、有序，它作为布局会更加自由和方便 2.无序列表 特点： 各个列表项之间没有顺序级别之分，是并列关系 <ul></ul>中只能嵌套<li></li> <li></li>之间可以放所有元素 demo： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta n
HTML&CSS;实战教程
03-20
创建标准网页的初学者指南，也适合深入学习Html，CSS的同学，后面课程有深入的讲解，本课程会初级介绍Html和CSS，让你从入门到精通轻松掌握Web开发语言，从元素标签到CSS样式每个部分都详细进行了介绍和讲解，讲解了经常遇见的一些兼容性问题。本教程会结合实际案例，一步一步带你走进Html和CSS的世界，创建让你心动的Web页面
Python 列表实例.html
02-06
通过索引访问列表元素、for循环遍历列表、while循环遍历列表、append、extend向列表中添加元素、insert向列表中插入元素、del、remove、pop删除列表元素
html.rar_html实例
09-22
对html的学习很有帮助，包含有关html的比较全的实例
Html5 WebSocket c++实例
01-16
实现WebSocket与C++服务端的成功连接的实例:网页客户端,C++Server以及一个国外的完整实例;
html404界面实例
最新发布
02-23
html404界面实例，采用美观css布局、美化。返回按钮大家可以自行修改所指向的文件路径，大家可以借鉴并且发挥自己的想象力，也可以与我探讨。相互学习、携手共进!
HTML 列表
jiaomubai的博客
09-23 6162
html 列表
html列表例子
04-17
html列表例子
HTML实例之列表
qq_43131852的博客
09-25 547
参考https://www.w3school.com.cn/html/index.asp 无序列表 <html> <body> <h4>一个无序列表：</h4> <ul> <li>咖啡</li> <li>茶</li> <li>牛奶</li> </...
HTML-列表、表格语法汇总及其案例
阿珂学cv
10-14 1656
本篇整理了列表、表格标签的语法和属性
HTML 列表基础测试程序案例1（一看就懂）
chenggong9527的博客
07-03 195
有序列表 同样，有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。 <ol> <li>Coffee</li> <li>Milk</li> </ol> 浏览器显示如下： Coffee Milk 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。 效果 <!DOCTYPEhtml> <ht.
一个HTML简单实例
热门推荐
zack_GZ的博客
12-15 3万+
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言，可以用来建立web站点。 这里实现一个简单的静态网页的例子。注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。一些简单的标签含义：
【HTML】-案例-有序列表和无序列表
Liangqi0329的博客
09-29 4709
在网页的一些选项中，有时候我们也未必会做成表格属性，这时我们还可以通过列表来排列这些选项，再通过超链接，即可跳转到指定的页面。通过下面这个例子，我们介绍一下有序列表和无序列表的相关知识。 案例的页面如下： 上半部分是一个无序列表，即每个选项的标号不是数字也不是字母，它可以由正方形或者圆形来代替。 下半部分是一个有序列表，每个选项前的序号可以用数字也可以用字母来表示，它的顺序是有序的。
HTML无序列表和表格实例
web开发
02-27 1313
HTML无序列表如下 &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;无序列表.html&lt;/title&gt; &lt;/head&gt; &lt;body&gt;
HTML实战案例3：制作易趣网商品列表页面
海鱼专属博客
05-27 2799
实战案例3：制作易趣网商品列表页面 一、完整的页面效果图 二、代码展示 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>易趣网 商品列表</title> </head> <body> <p><img src="images/header.jpg" /></p> <p>首页 &amp
HTML案例
gezongbo的博客
02-24 2188
HTML 基础案例案例1 标题和超链接案例2 表格案例3 增加管理员案例4 修改个人信息 案例1 标题和超链接 <!DOCTYPE html> <html> <head> <title>第一个HTML文档</title> <!-- 设置页面中文的显示编码--> <meta charset="UTF-8"/>
htmltable实例
10-01
通过使用HTML的`<table>`标签，可以创建一个表格实例。在表格中，可以使用`<thead>`标签定义表头，使用`<tbody>`标签定义表格的主体内容，使用`<tr>`标签定义行，使用`<td>`标签定义单元格。 下面是一个HTML表格的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值