zoukankan      html  css  js  c++  java
  • html的表格 table

    創建表格:

    每一個表格以table開始;

    每一個表格行以tr開始;

    每一個數據以td開始;td的內容可以文本、圖像、表格、表單、段落等。

    表格邊框:

    border設置邊框的粗細,但無法設置行間距,也無法設置行數據間的間距;

    如果表格不設置屬性,則不顯示邊框;

    如果boder=0,不顯示邊框。

    表頭:

    hr表示表頭文字,粗體居中字體。

    表中空格:

    防止沒有內容的<td></td>不顯示邊框,一般在標籤里設置一個空格佔位符&nbsp;要小寫

    多種空格的區別:

    &nbsp表示一個space按鍵的寬度,使用按鍵產生此空格,空格不會累加,受字體影響。

    &emsp表示表示全角空格,使用表示一個中文字符的寬度,不受字體影響;

    &ensp表示半角空格,使用表示半個中文字符的寬度,不受字體影響;

    &thinsp瘦弱空格,表示6分之一的全角空格;

    &zwnj表示用在電子文本之間,用在兩個字符之間,抑制字符間本來的連字,使得字符單獨以原來的字形顯示;

    &zwj本身沒有連字效果的字符產生連字效果。

    跨行或者跨列的單元格:

    單元格:

    跨行<td rowspan=2>11</td>表示跨兩行;

    跨行<td colspan=2>11</td>表示跨兩列;

    頭部:

    跨行<th rowspan=2>11</td>表示跨兩行;

    跨行<th colspan=2>11</td>表示跨兩列;

    內容和單元格的間隔:cellpadding,設置在table標簽里;

    單元格間的間距:cellspacing,設置在table標簽中;

    背景圖片:background,設置在整個表格中,或者指定單元格;

    背景顏色:bgcolor,設置在table中,或者指定單元格;

    排列單元格內容:align,設置在td中,或者th中,可以設置的值有left,right

    框架:frame屬性設置在table中,frame的值為box(四面邊框)、hsides(雙水平線)、vsides(雙豎線)、above(上邊框線)、below(下邊框線)

    參考資料:

    https://www.cnblogs.com/chenshihaook/p/6186343.html

  • 相关阅读:
    virtualbox centos安装增强工具和问题详解
    Failed to load SELinux policy. Freezing
    .net mvc项目本地调试:浏览器一直转圈无法访问
    System.Security.Cryptography.CryptographicException: 出现了内部错误
    【SymmetricDS】实现新的数据库方言
    【SymmetricDS】SymmetricDS是如何工作的
    【Java】java.util.Objects 源码学习
    【Spring-web】AsyncRestTemplate源码学习
    【Spring-web】RestTemplate源码学习——梳理内部实现过程
    【Spring-web】RestTemplate源码学习
  • 原文地址:https://www.cnblogs.com/Zhengxiaoxiao/p/10454896.html
Copyright © 2011-2022 走看看