网页设计知识导图

HTML标签：

1. 块级标签：显示为“块”状，前后隔一行。
2. 行级标签：按行逐一显示。

• 块级标签：

1. 基本块级标签
2. 常用布局的块级标签

• 基本块级标签：

1. 段落
   前后换行，类似于教材中的段落。

<p>    </p>

2. 水平线
   用于内容的分割

<hr/>

• 常用布局的块级标签

1. 有序列表
2. 无序列表
3. 描述标签
4. 表格

• 有序列表

<ol>
	<li>  </li>
</ol>

• 无序列表

<ul>
	<li> </li>
</ul>

• 描述标签
  可以和无序列表相互替代，因dt是块状元素，所以常用于图文混编的布局场合。

<dl>
	<dt></dt><!--标题-->
	<dd>描述的内容</dd>
<dl><!--这个是个特例不需要斜杠-->

• 表格

1. 基本用法

<table>
	<tr><!--行（先行后列）-->
		<td> </td>  <!--列-->
	</tr>
</table>

2. 表格的高级应用
   配合分组标签使用

<table>
	<caption>  表格标题</caption>
	<thead><!--表头-->
		<tr>
			<th>
				
			</th>
		</tr>
	</thead>
	<tbody>  <!--主体-->
	
	</tbody>  
	<tfood> <!--页脚-->
	
	</tfood>
</table>

控制表格大小 ：

<table width = "100%">
</table>

表格背景颜色

<table>
	<thead style = "background:"></thead>
</table>

跨行跨列：

<table>
	<tbody>
		<tr>
			<td colspan = "3">1</td>   <!--跨三列  横向-->
		</tr>
		<tr>
			<td rowspan = "3">2</td>   <!--跨三行  纵向-->
		</tr>
	</tabody>
</table>