布局方式:表格<table> 、块布局(大区域布局)<div> 、小区域<span>
<div>布局要用到盒子模型:布局方便解析速度快,使用普遍
表格标签:<table></table> 表格是一种适用于规则的布局方式,其缺点是解析较慢,加载有点缓慢必须解析完之后才加载出来
表格属性:border(边框)bordercolor(边框颜色)solid(实线)不写solid默认为虚线 bgcolor(背景颜色)background(背景图片)cellspandding(跟盒子模型padding字体与表格的距离)cellspancing(跟盒子模型的margin一样,间距)width(宽度)height(高度)align(表格摆放位置left、right、center)valign(top、bottom)
表格基本语法:
<table>
<caption>学生基本情况</caption> <caption>表示表格的标题
<tr><th>年龄<th>
<th>体重<th> <th>身高<th></tr> 其中<tr>表示表格的“行”,<th>表示内容标题
<tr><td>24岁<td> <td>68kg<td> <td>172cm<td></tr> <td>表示表格“列 ”
</table> <td>/<tr>属性有:rowspan(占用表格行数)
colspan(.........列数)