html表格知識總結-html教學-PHP中文網

首頁

web前端

html教學

html表格知識總結

小云云

Nov 17, 2017 pm 02:29 PM

html總結表格

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

1、

標記

　　a，基本格式

表格內容

　　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，標記

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

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

　　c，align屬性

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

　　　　botton：標題放在表格的下部

　　　　left：標題放在表格的左邊

　　　　right：標題放在表格的右邊

3，標記

　　a，定義表格的一行，對於每一個表格行，都是由一對...標記表示，每一行標記哪可以嵌套多個標籤內，是成對出現

　　b，

或	標記　　b，可選屬性　　　　設定水平對齊方式格式：align＝「顏色值」 #　　　　topton：靠頂端對齊　　　　top：靠底部對齊　　　　middle：居中對齊　　　　middle：居中對齊　　　　middle：居中對齊 #4，	和和	都是單元格的標記，其必須嵌套在
是表頭標記，通常位於首行或首列，	中的文字預設會被加粗，而	不會　　c，	是資料標記，表示該儲存格的具體資料　　d，兩者的標記屬性都是一樣的　　e，屬性　　　　bgcolor：設定單元格背景　　　　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表格屬性 #重新發現HTML表格關於HTML表格的詳細介紹 HTML表格佈局實際使用 HTML表格佈局實例講解

或

標記

　　b，可選屬性

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

#　　　　topton：靠頂端對齊

　　　　top：靠底部對齊

　　　　middle：居中對齊

#4，

和和

都是單元格的標記，其必須嵌套在

是表頭標記，通常位於首行或首列，

中的文字預設會被加粗，而

不會

　　c，

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

　　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