要踏入程式設計師的大門，我們必會經過的路就是html，掌握基礎的html才能更好的學習接下來的技術，那麼今天我們就來全方面的分享一下html表格相關的知識。
1、
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 表示包含問題線
all僅有行分割線 clos表示僅有列分割線 cgroups表示僅在行組合列組之間有一個簡單的網頁線## cgroups表示僅在行組合列組之間有一個簡單的網頁線
## cgroups表示佈局2，| 或 | 標記 b，可選屬性 設定水平對齊方式格式：align＝「顏色值」# topton：靠頂端對齊 top：靠底部對齊 middle：居中對齊
middle：居中對齊 middle：居中對齊#4， | 和< # a， | 和 | 都是單元格的標記，其必須嵌套在 |
|---|---|---|---|---|
| 是表頭標記，通常位於首行或首列， | 中的文字預設會被加粗，而 | 不會 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表格知識總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！ 本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
PX自動轉換為REM錯誤
<style>html { 字體大小：calc(100vw / 3.75); }body { 字體大小：0.16rem； }</style><...
來自於 2024-04-16 09:34:16
0
0
4687
頁面突然無法拉動 css 或 bootstrap
所以我正在開發一個頁面，我昨天做了一部分，效果很好，今天我繼續做剩下的部分，一切都很好。當我嘗試將其作為普通html頁面打開時，CSS或BOOTSTRAP不起作用，僅顯示頁面文本，...
來自於 2024-04-06 21:58:04
0
1
800
解決CSS中頁面底部神秘空白的方法
我正在嘗試使用Bootstrap和D3建立一個簡單的網頁，但我不知道如何消除底部的所有空白。我想擺脫它。我嘗試將body和html的min-height設定為100%，但沒有任何作...
來自於 2024-04-06 20:22:15
0
1
454
如何在 livewire 惰性佔位符中使用 laravel 元件
我想在livewire3佔位符內添加我的laravel組件的骨架到目前為止我已經嘗試過：通過包含Laravel組件來實現Livewire類：publicfunctionplaceh...
來自於 2024-04-06 20:02:10
0
2
543
用 HTML 程式碼（從陣列產生）取代字串的頂級方法
給定一個像這樣的字串...$htmlPattern="Usernameis:#name#andusercompanyis#company#";如何將子字串#na...
來自於 2024-04-06 17:40:41
0
2
410
熱門教學
更多>
|
