HTML5-表格标签

复制代码
表格
为什么使用表格
简单通用
结构稳定

基本结构：
 单元格
 行
 列
 跨行
 跨列
复制代码
复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表格标签</title>
</head>
<body>
    <!-- 表格table
    行：tr
    列td
    边框：border
    -->
  <table border="1xp">
    <!-- 三行4列-->
    <tr>
      <!--cokspan:跨列 -->
    <td cokspan="4">1</td><!--表示：这个单元格独占四列-->
    
    </tr>
    
     <tr>
       
    <td rowspan=3>1</td><!--表示：这个单元格独占3行-->
        <td>1</td>
    <td>1</td>
    <td>1</td>
     <td>1</td>
       
    </tr>
     <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    </tr>
  </table>
</body>
</html>
复制代码

 

posted @   hollg  阅读(66)  评论(0)  编辑  收藏  举报
相关博文：
·  HTML5-网页基本标签
·  HTML5-列表标签（无序列表、有序列表、自定义列表）
·  Day04表格标签
·  【H5/CSS】表格、列表、表单标签
·  HTML表格
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示
SQL AI 助手