Html 教程 列表
Posted thefist11
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Html 教程 列表相关的知识，希望对你有一定的参考价值。
1. 分为有序<ol>、无序<ul>和自定义列表<dl>。
1. 1 无序列表
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
浏览器显示如下：
Coffee
Milk
1. 2 自定义列表：
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
Coffee
- black hot drink
Milk - white cold drink
2. 列表标签
ul: unordered lists无序列表
li: list item列表项目
ol: ordered lists有序列表
dl: definition lists自定义列表
dt: definition term自定义列表组
dd: definition description自定义列表描述
nl: navigation lists导航列表
tr: table row表格中的一行
th: table header cell 表格中的表头
td: table data cell 表格中的一个单元格
3. eg.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
</head>
<body>
<h1>
My 列表
</h1>
<table border="2" cellpadding="30">
<tr>
<td>
<ul>
<li>Food</li>
<ol>
<li>薯片</li>
<li>棒棒糖</li>
<li>果冻</li>
<li>巧克力</li>
<li>辣条</li>
</ol>
<li>Fruits</li>
<ol type="A">
<li>西瓜</li>
<li>桔子</li>
<li>哈蜜瓜</li>
<li>草莓</li>
<li>葡萄</li>
<li>香蕉</li>
<li>苹果</li>
</ol>
<li>Meat</li>
<ol type="I">
<li>羊肉</li>
<li>牛肉</li>
<li>猪肉</li>
<li>鸡肉</li>
<li>涮羊肉</li>
<li>生鱼片</li>
</ol>
</ul>
</td>
</tr>
</table>
</body>
</html>
以上是关于Html 教程 列表的主要内容，如果未能解决你的问题，请参考以下文章
markdown 打字稿...编码说明，提示，作弊，指南，代码片段和教程文章