//列表：可以嵌套使用；
<ol></ol>有序列表
type属性：（a,1（默认）,A,I,i），start=“10”属性
<ul></ul>无序列表
type属性：disc实心圆（默认），circle空心圆，squaref方块
<li></li>列表项
<dl></dl>列表（自定义列表）
<dt></dt>列表项
<dd></dd>描述
=================================================
<ol type="A">
<li>苹果</li>
<li>苹果2</li>
<li>苹果3</li>
</ol>
<ul type="disc">
<li>苹果</li>
<li>苹果2</li>
<li>苹果3</li>
</ul>
<dl>
<dt>hello</dt>
<dd>hehhehghghhghghgh</dd>
</dl>
==================================================
块元素：显示时以新一行开始显示；<h1><p><ul>
內联元素：通常不会以新行开始；<b>加重标签<<a>超链接标签<img src="">
div元素：组合html元素的容器；，配合样式使用, 通过ID进行样式索引；在html中指定ID，然后在CSS中通#divid,索引到div中的所有标签；
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="mycss.css">
</head>
<body>
<div id="divid">
<p>hell 类啦啦啦</p>
<a>点击我</a>
</div>
</body>
//mycss.css
#divid p//索引到具体的标签
{
color:red;
}
span元素：文本容器；
<div id="divid">
<p><span>hghhghghghghghgghkgoiaoghahgoihaghia</span>高科技感觉啊纠结过类啦啦啦</p>
</div>
//布局；
div布局；
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
body
{
margin: 0;
}
#container{
width:100%;
height: 950px;
background-color: gray;
}
#header{
width: 100%;
height: 10%;
background-color: aqua;
}
#contentMenu
{
width:30%;
height: 80%;
background-color: blueviolet;
float: left;//浮动
}
#contentbody
{
width:70%;
height: 80%;
background-color: red;
float: left;//浮动
}
#foot
{
width: 100%;
height: 10%;
background-color: orange;
clear: both;// 清楚浮动，顶部不浮动他还会跟着之前的进行向左浮动；
}
</style>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="contentMenu"></div>
<div id="contentbody"></div>
<div id="foot"></div>
</div>
</body>
table布局；
<body marginheight="0" marginwidth="0">
<table width="100%" height="950px" style="background-color: gray" border="0">
<tr>
<td colspan="2"width="100%" height="10%" bgcolor="aqua"></td>
</tr>
<tr>
<td width="30%" height="80%" bgcolor="red"></td>
<td width="70%" height="80%" bgcolor="blue"></td>
</tr>
<tr>
<td colspan="2"width="100%" height="10%" bgcolor="aqua"></td>
</tr>
</table>
colspan=“2”表示合并单元格；