Html列表 

 <ol></ol>有序列表
<ul></ul>无序列表
 <li></li>列表子标签
 <dl></dl>定义列表
<dt></dt>定义术语
<dd></dd>定义

例：

<html>
	<head>
		<title>Definition Lists</title>
	</head>
	<body>
		<dl>
			<dt>Sashimi</dt>
			<dd>Sliced raw fish that is served with condiments such as shredded daikon radish or ginger root, wasabi and soy sauce</dd>
			<dt>Scale</dt>
			<dd>A device used to accurately measure the weight of ingredients</dd>
			<dd>A technique by which the scales are removed from the skin of a fish</dd>
			<dt>Scamorze</dt>
 			<dt>Scamorzo</dt>
			<dd>An Italian cheese usually made from whole cows milk (although it was traditionally made from buffalo milk)</dd>
		</dl>
	</body>
 </html>

嵌套列表

		<ul>
			<li>Mousses</li>
			<li>Pastries
				<ul>
					<li>Croissant</li>
					<li>Mille-feuille</li>
					<li>Palmier</li>
					<li>Profiterole</li>
				</ul>
			</li>
			<li>Tarts</li>
		</ul>

水平列表

<!DOCTYPE html>
<html>
<head>
<style>
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333333;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111111;
}
</style>
</head>
<body>

<ul>
  <li><a href="#home">Home</a></li>
  <li><a href="#news">News</a></li>
  <li><a href="#contact">Contact</a></li>
  <li><a href="#about">About</a></li>
</ul>

</body>
</html>

ol

Type Description
type="1" The list items will be numbered with numbers (default)
type="A" The list items will be numbered with uppercase letters
type="a" The list items will be numbered with lowercase letters
type="I" The list items will be numbered with uppercase roman numbers
type="i" The list items will be numbered with lowercase roman numbers

Control List Counting
By default, an ordered list will start counting from 1. If you want to start counting from a specified number, you can use the start attribute

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

描述列表
The

tag defines the description list, the
tag defines the term (name), and the
tag describes each term:

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>
posted @ 2024-09-25 13:43  zhongta  阅读(17)  评论(0)    收藏  举报