首頁 > 文章 > web前端 > html表格知識總結

html表格知識總結

小云云原創: 2017-11-17 14:29:282019瀏覽

要踏入程式設計師的大門，我們必會經過的路就是html，掌握基礎的html才能更好的學習接下來的技術，那麼今天我們就來全方面的分享一下html表格相關的知識。

1、f5d188ed2c074f8b944552db028f98a1標記

　　a，基本格式7c23f8d9d69c892f4ccf4705ab6df45d表格內容f16b1740fad44fb09bfe928bcc527e08

　　b，table 標記的屬性

　　　　width屬性：表示表格的寬度，他的值可以是像素（px）也可以是父級元素的百分之百（％）

　　　　屬性：表示表格的高度，他的值可以是像素（px）也可以是父級元素的百分比（%）

　　　　border屬性：表示表格外邊框的寬度

　　　　align屬性：表格的顯示位置，值left居左顯示 center居中顯示 right居右顯示預設left

　　　　cellspacing屬性：單元格時間的間距，預設2px ，單位像素

　pad　　內容與單元格邊框的顯示距離，單位像素

　　　　frame屬性：控製表格邊框的顯示距離

　　　　　　void(預設值) 表示無邊框

##　　　void(預設值) 表示無邊框　　　　　四　)頂部。有邊框

　　　　　　below 表示僅有底部邊框

　　　　　　hsides 表示僅有頂部邊框和底部有邊框##　　　rhs表示僅有右側邊框

　　　　　　vsides表示僅有左右側邊框

　　　　　　box 包含全部4個邊框

#order

　　。屬性：控制是否顯示以及如何顯示單元格之間的分割線

　　　　　　none（預設值）表示無分割線

　　　　　　all 表示包含分線

　　　　　　all 表示包含問題線

　　　　　　all僅有行分割線

　　　　　　clos表示僅有列分割線

　　　　　　cgroups表示僅在行組合列組之間有一個簡單的網頁線

##　　cgroups表示僅在行組合列組之間有一個簡單的網頁線

##　　cgroups表示佈局

2，63bd76834ec05ac1f4c0ebbeaafb0994標記

　　a，什麼時候使用？在什麼時候使用如果表格需要使用標題，那麼就可以使用63bd76834ec05ac1f4c0ebbeaafb0994標記

　　b，如何使用？ 63bd76834ec05ac1f4c0ebbeaafb0994屬性的插入位置，直接位於f5d188ed2c074f8b944552db028f98a1屬性之後就，a34de1251f0d9fe1e645927f19a896e8表格行之前

　　c，align屬性

#　　　　top：標題放在表格的上部

　　　　botton：標題放在表格的下部

　　　　left：標題放在表格的左邊

　　　　right：標題放在表格的右邊

3， a34de1251f0d9fe1e645927f19a896e8標記

　　a，定義表格的一行，對於每一個表格行，都是由一對a34de1251f0d9fe1e645927f19a896e8...fd273fcf5bcad3dfdad3c41bd81ad3e5標記表示，每一行a34de1251f0d9fe1e645927f19a896e8標記哪可以嵌套多個b6c5a531a458a2e790c1fd6421739d1c或b4d429308760b6c2d20d6300079ed38e標記

　　b，可選屬性

　　　　設定水平對齊方式格式：align＝「顏色值」

#　　　　topton：靠頂端對齊

　　　　top：靠底部對齊

　　　　middle：居中對齊

#4，b6c5a531a458a2e790c1fd6421739d1c和< #　　a，b6c5a531a458a2e790c1fd6421739d1c和b4d429308760b6c2d20d6300079ed38e都是單元格的標記，其必須嵌套在a34de1251f0d9fe1e645927f19a896e8標籤內，是成對出現

　　b，b4d429308760b6c2d20d6300079ed38e是表頭標記，通常位於首行或首列，b4d429308760b6c2d20d6300079ed38e中的文字預設會被加粗，而b6c5a531a458a2e790c1fd6421739d1c不會

　　c，b6c5a531a458a2e790c1fd6421739d1c是資料標記，表示該儲存格的具體資料

　　d，兩者的標記屬性都是一樣的

　　e，屬性

　　　　bgcolor：設定單元格背景

##　　單元格背景

　　　　valign：設定單元格垂直對齊方式

　　　　width：設定單元格寬度

　　　　　：設定單元格高度

　　　　　　高　　單元格所佔行數

　　　　clospan：設定單元格所佔列數

eg：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
    <table width="960" height="250" border="1" cellpadding="10" frame="box" >
        <caption>表格的标题</caption>
    <tr bgcolor="#ccc">
        <th bgcolor="red">班级</th>
        <th>姓名</th>
        <th>年级</th>
        <th>成绩</th>
    </tr>
    <tr>
        <td>四年级一班</td>
        <td>张三</td>
        <td>16</td>
        <td>80</td>
    </tr>
        <tr>
        <td>四年级一班</td>
        <td>李四</td>
        <td>16</td>
        <td>70</td>
    </tr>
        <tr>
        <td>四年级一班</td>
        <td>王五</td>
        <td>16</td>
        <td>60</td>
    </tr>
    </table>
</body>
</html>

以上就是最基礎的html表格的一些相關內容，根據上面的教學來完成一個表格，我相信你會有很大的收穫。

相關建議：

以上是html表格知識總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：css，js骰子抽獎源碼下一篇：css，js骰子抽獎源碼

看更多