学习HTML+CSS的第三课笔记！

（1）.列表分为：
a.有序：   
<ol type="1或A或a或I或i"   start="比如从4开始。永远都是数字">(第几个开始)
<li>字体</li><!--列表项-->
<li>字体</li>
<li>字体</li>
<li>字体</li>
<li>字体</li>
</ol>




b.无序：（重点应用，页面占比例80%）
<ul type="disc(默认圆点)  circle（空心圆点）  square（实心正方形）  可用CSS去掉默认圆点">
<li>字体</li>
<li>字体</li>
<li>字体</li>
<li>字体</li>
<li>字体</li>
</ul>




（2）.列表的嵌套：（列表中可嵌套多个列表）
<ul>
<li>女装/内衣
<ul>
<li>春装
<ul>
<li>上衣</li>
<li>裤子</li>
</ul>
</li>
<li>夏装
<ul>
<li>上衣</li>
<li>裤子</li>
</ul></li>
<li>秋装
<ul>
<li>上衣</li>
<li>裤子</li>
</ul></li>
<li>冬装
<ul>
<li>上衣</li>
<li>裤子</li>
</ul></li>
</ul>
</li>
</ul>




（3）.定义：
<dl>
<dt>进口汽车</dt>   (标题列)title
<dd>宝马</dd>       (定义列)description
<dd>奔驰</dd>
<dt>国产汽车</dt>
<dd>长城</dd>
<dd>五菱</dd>
</dl>


定义列表的嵌套：

<dl>

<dt>进口汽车</dt>   
<dd>宝马<dl>
<dd>3系</dd>
<dd>4系</dd>
</dl></dd>       
<dd>奔驰</dd>
<dt>国产汽车</dt>
<dd>长城</dd>
<dd>五菱</dd>
</dl>




（4）.链接列表：
<div>
<ul>
<li><a href="#">(新闻或其他链接网址)</a></li>
<li><a href="#">(新闻或其他链接网址)</a></li>
<li><a href="#">(新闻或其他链接网址)</a></li>
<li><a href="#">(新闻或其他链接网址)</a></li>
</ul>
</div>


（5）.表格：（现在主要用来：数据<例如：尺码，身高等参数>的陈列）
<table border="1"(边框的宽度为1)  bordercolor="red"(边框线的颜色)  cellspacing="0"(边框线与边框线的间距) cellpadding=""(内容与边框的间距。注：不推荐用来控制表格的尺寸)  width="宽" height="高"  align="对齐方式"  bgcolor="背景色"  background="背景图片">
<caption>表格的标题</caption>
(列（单元格）包括在行里面)
<th></th>  (标题列)
<tr></tr>  (行)
<td></td>  (数据列)
tr跟td还有th(th有的：居中，字体加粗效果)可加属性：width  height  align  
(注：每一行的列数一定相等)
table，tr，td（或th）的背景色同时设置的话td（或th）> tr > table从左到右优先读取


（6）.合并单元格：
(a)合并列 (在同行，从左到右)
colspan="2"(合并2个，按数字算)


(b)合并格(在同行，从上到下)
rowspan="2"(合并2个，按数字算)
(注：合并哪个单元格需把被合并的删除！)







</table>