06-HTML-表格標籤

時間  2019-11-13
標籤 html 表格 標籤 欄目 HTML 简体版
原文   原文鏈接

<html>
 <head>
  <title>表格標籤學習</title>
  <meta charset="utf-8"/>
  <!--
   表格標籤學習：
   table：聲明一個表格
    tr：聲明一行,設置行高及行全部單元格的高度。
     th：聲明一個單元格，表頭格，默認加粗居中顯示
     td：聲明一個單元格，默認居左顯示原始數據
    注意：
     行高即該行全部單元格的高度
     單元格的寬度即列寬
   屬性：
    border：給表格添加邊框
    width：設置表格的寬度
    height：設置表格的高度
    cellpadding：設置內容居邊框的距離
    cellspacing：設置邊框大小
   特色 ：
    默認根據數據的多少進行表格的大小顯示
  單元格的合併：
   第一步：
    首先確保表格是一個規整的表格
   第二步：
    根據要合併的單元格，找到其所在的源碼位置
   第三步：
    行合併：在要合併的單元格中第一個單元格上使用屬性rowspan="要合併的單元格的個數"，並刪除其餘要合併的單元格完成合並
    列合併：在要合併的單元格中的任意一個上使用屬性colspan="要合併的單元格的個數"，並刪除其餘要合併的單元格
  -->
 </head>
 <body>
  <h3>表格標籤學習</h3>
  <hr />
  <h3>表格標籤的經常使用屬性及設置學習</h3>
  <table border="1px" cellpadding="10px" cellspacing="10px">
    <tr height="100px">
     <th width="100px">科目</th>
     <th width="100px">分數</th>
     <th width="100px">級別</th>
     <th width="150px">說明</th>
    </tr>
    <tr height="100px">
     <td>java</td>
     <td>100</td>
     <td>8</td>
     <td>面向對象的語言</td>
    </tr>
    <tr height="100px">
     <td>C語言</td>
     <td>100</td>
     <td>8</td>
     <td>面向過程的語言</td>
    </tr>
  </table>
  <hr />
  <h4>單元格的合併學習：</h4>
  <table border="1px" cellspacing="0px">
   <tr height="35px">
    <td width="100px"></td>
    <td width="100px"></td>
    <td width="100px"></td>
    <td width="100px"></td>
    <td width="100px"></td>
   </tr>
   <tr height="35px">
    <td colspan="2"></td>
    <td></td>
    <td></td>
    <td></td>
   </tr>
   <tr height="35px">
    <td></td>
    <td></td>
    <td></td>
    <td rowspan="2"></td>
    <td></td>
   </tr>
   <tr height="35px">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
   </tr>
  </table>
 </body>
</html>html

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程