2021-08-20 html 常用标签 （2）

常用标签 （2）

table 标签

  <table width =  "400" height = "300" border = "1">
   			<tr>
   			      <td>姓名</td>
   			      <td>性别</td>
   			      <td>年龄</td>
   			</tr>
  </table>

eg:

姓名	性别	年龄

    跟<ul>标签一样 <table>标签的格式固定 内部的标签都固定 只有 <td>标签内部允许使用其他标签

标题加粗 用 th 标签

		<table width =  "400" height = "300" border = "1" cellspacing = “5” cellpadding = “1” align = “left”>
   			<tr>
   			      <th>姓名</th>
   			      <th>性别</th>
   			      <th>年龄</th>
   			</tr>
   			<tr>
   			      <td></td>
   			      <td></td>
   			      <td></td>
   			</tr>
   			<tr>
   			      <td></td>
   			      <td></td>
   			      <td></td>
   			</tr>

eg:

姓名	性别	年龄

thead 和 tbody 标签

		<table width =  "400" height = "300" border = "1" cellspacing = “5” cellpadding = “1” align = “left”>
   		<thead>	
   			<tr>
   			      <th>姓名</th>
   			      <th>性别</th>
   			      <th>年龄</th>
   			</tr>
   		</thead>
   		<tbody>
   			<tr>
   			      <td></td>
   			      <td></td>
   			      <td></td>
   			</tr>
   			<tr>
   			      <td></td>
   			      <td></td>
   			      <td></td>
   			</tr>
   			</tbody>

eg:

姓名	性别	年龄

表格的标题

	<table width =  "400" height = "300" border = "1" cellspacing = “5” cellpadding = “1” align = “left”>
   		<caption> 标题 </caption>
   		<thead>	
   			<tr>
   			      <th>姓名</th>
   			      <th>性别</th>
   			      <th>年龄</th>
   			</tr>
   		</thead>
   		<tbody>
   			<tr>
   			      <td></td>
   			      <td></td>
   			      <td></td>
   			</tr>
   			<tr>
   			      <td></td>
   			      <td></td>
   			      <td></td>
   			</tr>
   			</tbody>
	</table>	 
	
	<caption> 标题 </caption>

eg:

标题

姓名	性别	年龄

合并单元格

		跨行合并 rowspan 
		<table width =  "400" height = "300" border = "1" cellspacing = “5” cellpadding = “1” align = “left”>
   		<caption> 标题 </caption>
   		<thead>	
   			<tr>
   			      <th>姓名</th>
   			      <th>性别</th>
   			      <th>年龄</th>
   			</tr>
   		</thead>
   		<tbody>
   			<tr>
   			      <td></td>
   			      <td></td>
   			      <td rowspan = "2" ></td>
   			</tr>
   			<tr>
   			      <td></td>
   			      <td></td>

   			</tr>
   			</tbody>
			</table>	

eg:

标题

姓名	性别	年龄

	 跨列合并  colspan  
	<table width =  "400" height = "300" border = "1" cellspacing = “5” cellpadding = “1” align = “left”>
   		<caption> 标题 </caption>
   		<thead>	
   			<tr>
   			      <th>姓名</th>
   			      <th>性别</th>
   			      <th>年龄</th>
   			</tr>
   		</thead>
   		<tbody>
   			<tr>
   			      <td>1</td>
   			      <td>1</td>
   			      <td>1</td>
   			</tr>
   			<tr>
   			      <td>11</td>
   			      <td  colspan = "2" >11</td>
   			</tr>
   			</tbody>
	</table>	

eg:

标题

姓名	性别	年龄
1	1	1
11	11

合并顺序 先上 先左
公式 删除的个数 = 合并的个数 -1