博客列表 >HTML5的表格理解

HTML5的表格理解

fighting的博客
fighting的博客原创
2018年08月09日 18:08:17841浏览

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>html5表格、列表理解</title>
</head>
<body>
<!--table:表示的是表
   th:代表表头
   tr:代表行
   td:代表单元格
   rowspane:代表单元格可以横跨的行数
   rowspane=“参数"
   colspane:代表单元格可以横跨的列数。
   colspane="参数"
最后单元格可以嵌套表
-->
<table cellspacing="0" align="center" width="500px" height="100px" border="1px" bordercolor="red">
   <tr height="50px">
       <td rowspan="3">
           <table cellspacing="0" align="center" width="50px" height="10px" border="1px" bordercolor="bulue">
               <tr><td>12345</td></tr>
           </table>
       </td>
<!--<td>十年磨一剑</td>
       <td>霜刃未曾试</td>
       <td>今日把示君</td>
       <td>谁有不平事</td>-->
<td colspan="4">llll</td>
   </tr>
   <tr>
       <td align="center">十年磨一剑</td>
       <td align="center">霜刃未曾试</td>
       <td align="center">今日把示君</td>
       <td align="center">谁有不平事</td>
   </tr>
   <tr>
       <td align="center">十年磨一剑</td>
       <td align="center">霜刃未曾试</td>
       <td align="center">今日把示君</td>
       <td align="center">谁有不平事</td>
   </tr>
</table>
</body>
</html>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议