<div>division 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>这是一些文本。</p>
<div style="color:#0000FF">
<h3>这是一个在 div 元素中的标题。</h3>
<p>这是一个在 div 元素中的文本。</p>
</div>
<p>这是一些文本。</p>
</body>
</html>
这是一些文本。
这是一个在 div 元素中的标题。
这是一个在 div 元素中的文本。
这是一些文本。
<span> 用于对文档中的行内元素进行组合。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>我的母亲有 <span style="color:blue;font-weight:bold">蓝色</span> 的眼睛，我的父亲有 <span style="color:darkolivegreen;font-weight:bold">碧绿色</span> 的眼睛。</p>
</body>
</html>
我的母亲有 蓝色 的眼睛，我的父亲有 碧绿色 的眼睛。
<i> 定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>He named his car <i>The lightning</i>, because it was very fast.</p>
</body>
</html>
He named his car The lightning, because it was very fast.
<input> 标签规定了用户可以在其中输入数据的输入字段。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<form action="demo-form.php">
First name: <input type="text" name="FirstName" value="Mickey"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="提交">
</form>
<p>点击"提交"按钮，表单数据将被发送到服务器上的“demo-form.php”。</p>
</body>
</html>
script？？？
<li> 标签定义列表项目。
<ol> 标签定义了一个有序列表. 列表排序以数字来显示。
<ul> 标签定义无序列表。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>有序列表:</p>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<p>无序列表:</p>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</body>
</html>
有序列表:
- Coffee
- Tea
- Milk
无序列表:
- Coffee
- Tea
- Milk