html学习03

表格标签：

• <caption>为表格添加标题，该标题默认居中对齐并在表格的顶部；
• <tr>定义表格中"行"；

height：height="n" n为数字，设置高度；

bgcolor：bgcolor="#cccccc"，背景颜色；

• <td>定义表格中"列"；td必须放在tr中；

rowspan="n",n="整数"，表示垂直跨行；合并行单元格

colspan="n",n="整数"，表示垂直方向跨行；合并列单元格

• <th>用于定义表格的第一行表头，默认粗体字、居中对齐；
• <thead>定义横行的头；
• <tbody>定义横行的主干；
• <tfoot>定义横行的尾；
• <button>按钮：

• <table>标签        用于定义一个完整的表格；

属性：

border="n"  n是一个数字，单位是像素，n=0时表示无边框，n>0时表格有边框，且必须为整数；

width=n+px / m%         height=n+px /m%                m表示0-100的数；

align：表格的对齐；"left、center、right"（左对齐、居中、右对齐）       

 background:表格的背景图，建议使用相对路径；

<table border="1" background="D:\lh3377\htmlh\02pc/03.jpg">
			<caption>成绩表</caption>
			<tr>
				<th>姓名</th>
				<th>语文</th>
				<th>数学</th>
			</tr>
			<tr>
				<td>张三</td>
				<td>90</td>
				<td>100</td>
			</tr>
			<tr>
				<td>小美</td>
				<td>88</td>
				<td>90</td>
			</tr>
			<tr>
				<td>小帅</td>
				<td>80</td>
				<td>88</td>
			</tr>
</table>

cellpadding：表格的边距        边距：格内元素离边缘的距离；

cellspacing：表格的间距        间距：单元格与单元格之间的距离：

<table border="1" cellpadding="10" cellspacing="10">
		<caption>成绩表</caption>
			<tr>
				<th>姓名</th>
				<th>语文</th>
				<th>数学</th>
			</tr>
			<tr>
				<td>张三</td>
				<td>90</td>
				<td>100</td>
			</tr>
			<tr>
				<td>小美</td>
				<td>88</td>
				<td>90</td>
			</tr>
			<tr>
				<td>小帅</td>
				<td>80</td>
				<td>88</td>
			</tr>
</table>

表格的嵌套：

<table border="1">
			<tr>
		<td>aaa
				<td>111</td>
				<td>222</td>
				<td>666</td>
			<table border="1">
					<tr>
						<td>333</td>
						<td>444</td>
					</tr>
			</table>
			  </tr>
		</td>
</table>

列表标签：

主要有三种：有序、无序、数据列表；

有序列表：

• <ol>用于定义带有编号的有序列表，需要配合列表项目标签<li>使用；

<ol>
			<li>第一章：行列式</li>
			<li>第二章：矩阵及运算</li>
			<li>第三章：矩阵的初等变换与线性方程组</li>
			<li>第四章：向量组的线性相关性</li>
			<li>第五章：相似矩阵及二次型</li>
			<li>第六章：线性空间与线性变换</li>
</ol>

type：type="类型值"

ol默认编号样式为标准阿拉伯数字（1，2，3....）使用嵌套编号样式可以用type进行声明；

a        英文字母小写（a，b，c......）        A        英文字母大写（A,B,C.....）

i        罗马数字小写（i，ii，iii，iv....）        I        罗马数字大写（I,II,III,IV......）

1        阿拉伯数字(1,2,3......)

start：start="n" n=数值

ol默认的起始数字为1，可使用start属性重新定义编号起始值；

		<ol type="a" start="2">
			<li>第一章：行列式</li>
			<li>第二章：矩阵及运算</li>
			<li>第三章：矩阵的初等变换与线性方程组</li>
			<li>第四章：向量组的线性相关性</li>
			<li>第五章：相似矩阵及二次型</li>
			<li>第六章：线性空间与线性变换</li>
		</ol>

无序列表：

• <ul>:用于定义不带有编号的无序列表，需要配合列表项目标签<li>使用；

		<ul>
			<li>第一章：行列式</li>
			<li>第二章：矩阵及运算</li>
			<li>第三章：矩阵的初等变换与线性方程组</li>
			<li>第四章：向量组的线性相关性</li>
			<li>第五章：相似矩阵及二次型</li>
			<li>第六章：线性空间与线性变换</li>
		</ul>

type：type="类型值"

ul默认的编号样式为实心圆形，定义其他样式可以使用type属性进行声明；

disc        实心圆形；                circle        空心圆形；                square        方形；

		<ul type="square">
			<li>第一章：行列式</li>
			<li>第二章：矩阵及运算</li>
			<li>第三章：矩阵的初等变换与线性方程组</li>
			<li>第四章：向量组的线性相关性</li>
			<li>第五章：相似矩阵及二次型</li>
			<li>第六章：线性空间与线性变换</li>
		</ul>

数据列表：

• <dl>用于进行词条定义的特殊列表，每条表项需要结合词条标签<dt>一起使用；

<dt>标记在每个词条的开头；（标题）

<dd>需要标记在每个定义部分的开头，默认为全文缩进显示；（正文）

h5中允许在一个dl标签中存在多个dt组；

		<dl>
			<dt>线性代数</dt>
			<dd>第一章：行列式</dd>
			<dd>第二章：矩阵及运算</dd>
			<dd>第三章：矩阵的初等变换与线性方程组</dd>
		</dl>