html的表格制作

最新推荐文章于 2024-06-18 18:28:04 发布

zxhta

最新推荐文章于 2024-06-18 18:28:04 发布

阅读量126

点赞数

本文链接：https://blog.csdn.net/zxhta/article/details/102671137

版权

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style>
    h1{
	  height:30px;
	  width:50px;
	  }
   h2{
	  height:30px;
	  width:80px;
	  }
  h3{
	  height:30px;
	  width:80px;
	  }
  h4{
	  height:20px;
	  width:60px;
	  }
  h5{
	  height:30px;
	  width:50px;
 	 }
  </style>`
</head>
<body>
 <table border="1"><!-- 数字越大，外边框越宽-->
  <tr>
   <td colspan="2"><h1>1</h1></td>   <!--colspan是跨列，即在同一行不同列，数字表示几个空格合一-->
   <td rowspan="2"><h2>2</h2></td> <!--roespan是跨行，即在同一列不同行，数字表示几个空格合一-->
  </tr>
  <tr>
   <td rowspan="2"><h3>3</h3></td>
   <td><h4>4</h4></td
  </tr>
  <tr>
   <td colspan="2"><h5>5</h5></td>
  </tr>
 </table>
</body>
</html>