【代码笔记】HTML-列表
程序员文章站
2022-03-10 14:40:13
一，效果图。 二，代码。 html 列表
An Unordered list
-
Oracle学习笔记之有返回列表的存储过程
-
有哪位高手知道SNS获取邮箱联系人列表的PHP代码(最好有hotmail,gmail,yahoo)呢
-
韩顺平_PHP软件工程师玩转算法公开课(第一季)01_算法重要性_五子棋算法_汉诺塔_回溯算法_学习笔记_源代码图解_PPT文档整理
-
在ecshop的购物流程页，商品列表加一个复选框，并实现与之相对应功能的代码,该怎么处理
-
返回基地 php用数组返回无限分类的列表数据的代码
-
通过代码实例展示Python中列表生成式的用法
-
小程序视频列表中视频的播放与停止的示例代码
-
PHP语言代码漏洞审计技巧笔记分享
-
Python常用的内置序列结构(列表、元组、字典)学习笔记
-
python学习笔记之列表(list)与元组(tuple)详解
一，效果图。
二，代码。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>html 列表</title>
</head>
<body>
<!--无序列表-->
<h4>an unordered list</h4>
<ul>
<li>cofferr</li>
<li>tea</li>
<li>mide</li>
</ul>
<!--有序列表-->
<ol start="50">
<li>cooffee</li>
<li>tea</li>
<li>mike</li>
</ol>
<!--自定义列表-->
<dl>
<dt>coffer</dt>
<dd>--black hot drink</dd>
<dt>mike</dt>
<dd>--white cold drink</dd>
</dl>
<!--不同类型的有序列表-->
<h4>numbered list:</h4>
<ol>
<li>apples</li>
<li>bananas</li>
<li>lemons</li>
<li>orange</li>
</ol>
<h4>letters list:</h4>
<ol type="a">
<li>apples</li>
<li>bananas</li>
<li>lemons</li>
<li>orange</li>
</ol>
<h4>lowercase letters list:</h4>
<ol type="a">
<li>apples</li>
<li>bananas</li>
<li>lemons</li>
<li>orange</li>
</ol>
<h4>roman numbers list:</h4>
<ol type="i">
<li>apples</li>
<li>bananas</li>
<li>lemons</li>
<li>orange</li>
</ol>
<h4>lowercase roman numbers list:</h4>
<ol type="i">
<li>apples</li>
<li>bananas</li>
<li>lemons</li>
<li>orange</li>
</ol>
<!--不同类型的无序列表-->
<p><b>note:</b> the type attribute of the ul tag is deprecated in html 4, and is not supported in html5. therefore we have used the style attribute and the css list-style-type property, to define different types of unordered lists below:</p>
<h4>disc bullets list:</h4>
<ul style="list-style-type:disc">
<li>apples</li>
<li>bananas</li>
<li>lemons</li>
<li>orange</li>
</ul>
<h4>circle bullets list:</h4>
<ul style="list-style-type:circle">
<li>apples</li>
<li>bananas</li>
<li>lemons</li>
<li>orange</li>
</ul>
<h4>square bullets list:</h4>
<ul style="list-style-type:square">
<li>apples</li>
<li>bananas</li>
<li>lemons</li>
<li>orange</li>
</ul>
<!--嵌套列表-->
<h4>a list inside a list:</h4>
<ul>
<li>coffee</li>
<li>tea</li>
<ul>
<li>black tea</li>
<li>green tea</li>
</ul>
<li>mike</li>
</ul>
<!--嵌套列表2-->
<h4>lists inside a list</h4>
<ul>
<li>coffee</li>
<li>tea
<ul>
<li>black tea</li>
<li>green tea
<ul>
<li>china</li>
<li>africa</li>
</ul>
</li>
</ul>
</li>
<li>mick</li>
</ul>
<!--自定义列表-->
<h4>a definition list</h4>
<dl>
<dt>coffee</dt>
<dd>-black hot drink</dd>
<dt>mike</dt>
<dd>-white cold drink</dd>
</body>
</html>
参考资料：《菜鸟教程》
上一篇： php实现微信企业号支付个人的方法详解
下一篇： ASP 3.0高级编程（三十）
推荐阅读