HTML第二天

第二天：

table表格 ：table表格里有两个元素   tr：行   td：列，单元格

table表格常用相关的属性：cellspacing:设置单元格间距     border：表格边框的宽度    width:表格的宽度   height:表格的高度    align:设置表格在页面中的位置

tr、td的常用属性：align:设置一行内容在表格中的位置          colspan:合并列        rowspan：合并行

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>2020年11月5号  table</title>
 </head>
 <body>
	<table border="1px" width="500px" height="500px" align="center" cellspacing="0">   
<!-- table: 表格   tr：行   td:列，单元格   border:表格边框线的宽度    cellspacing：单元格的表格间距    width:表格的宽度  high:表格的高度 -->
		<tr align="center">
			<td colspan="3">1</td>   <!--  colspan:合并列    rowspan:合并行     合并不是把目标的行或者列融合，而是将他们赶出了所在位置-->
			<!-- <td>2</td>
			<td>3</td> -->
		</tr>
		<tr align="center">
			<td rowspan="2">4</td>
			<td>5</td>
			<td>6</td>
		</tr>
		<tr align="center">
			<!-- <td>7</td> -->
			<td>8</td>
			<td>9</td>
		</tr>
	</table>
 </body>
</html>

 

posted @ 2020-11-05 19:04  橙汁one  阅读(97)  评论(0)  编辑  收藏  举报