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编辑  收藏  举报