能出說表格用來做什么的能說出列表用" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運(yùn)營 > Python web開發(fā)（四）：表格

Python web開發(fā)（四）：表格

時間：2023-05-25 15:00:01 | 來源：網(wǎng)站運(yùn)營

時間：2023-05-25 15:00:01 來源：網(wǎng)站運(yùn)營

Python web開發(fā)（四）：表格：

Python爬蟲、數(shù)據(jù)分析、網(wǎng)站開發(fā)等案例教程視頻免費在線觀看

https://space.bilibili.com/523606542

表格

能夠利用表格、列表和表單完成注冊頁面的綜合案例

為了讓我們頁面顯示的更加整齊，我們需要學(xué)習(xí)三個表（表格、表單、列表）




表格 table(會使用)

目標(biāo)：

理解：

應(yīng)用：

表格作用：

存在即是合理的。 表格的現(xiàn)在還是較為常用的一種標(biāo)簽，但不是用來布局，常見顯示、展示表格式數(shù)據(jù)。

因為它可以讓數(shù)據(jù)顯示的非常的規(guī)整，可讀性非常好。

特別是后臺展示數(shù)據(jù)的時候表格運(yùn)用是否熟練就顯得很重要，一個清爽簡約的表格能夠把繁雜的數(shù)據(jù)表現(xiàn)得很有條理，雖然 div 布局也可以做到，但是總沒有表格來得方便。




ps: 這些地方用表格，你會覺得生活還是那么美好。。。。忍不住想說 PPAP i hava a pen

1. 創(chuàng)建表格

在HTML網(wǎng)頁中，要想創(chuàng)建表格，就需要使用表格相關(guān)的標(biāo)簽。

創(chuàng)建表格的基本語法：

<table> <tr> <td>單元格內(nèi)的文字</td> ... </tr> ...</table>要深刻體會表格、行、單元格他們的構(gòu)成。

在上面的語法中包含基本的三對HTML標(biāo)簽，分別為 table、tr、td，他們是創(chuàng)建表格的基本標(biāo)簽，缺一不可，下面對他們進(jìn)行具體地解釋

  1. table用于定義一個表格標(biāo)簽。
  2. tr標(biāo)簽 用于定義表格中的行，必須嵌套在 table標(biāo)簽中。
  3. td 用于定義表格中的單元格，必須嵌套在
標(biāo)簽中。* 字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容，現(xiàn)在我們明白，表格最合適的地方就是用來存儲數(shù)據(jù)的。

**總結(jié)： **

中只能嵌套 類的單元格標(biāo)簽，他就像一個容器，可以容納所有的元素

2. 表格屬性

表格有部分屬性我們不常用，這里重點記住 cellspacing 、 cellpadding。

我們經(jīng)常有個說法，是三參為0， 平時開發(fā)的我們這三個參數(shù) border cellpadding cellspacing 為 0

案例1：




<table width="500" height="300" border="1" cellpadding="20" cellspacing="0" align="center"> <tr> <th>姓名</th> <th>性別</th> <th>年齡</th> </tr> <tr> <td>劉德華</td> <td>男</td> <td>55</td> </tr> <tr> <td>郭富城</td> <td>男</td> <td>52</td> </tr> <tr> <td>張學(xué)友</td> <td>男</td> <td>58</td> </tr> <tr> <td>黎明</td> <td>男</td> <td>18</td> </tr> <tr> <td>劉曉慶</td> <td>女</td> <td>63</td> </tr></table>

3. 表頭單元格標(biāo)簽th

作用：

語法：




案例2：

效果圖




代碼：

<table width="500" border="1" align="center" cellspacing="0" cellpadding="0"> <tr> <th>姓名</th> <th>性別</th> <th>電話</th> </tr> <tr> <td>小王</td> <td>女</td> <td>110</td> </tr> <tr> <td>小明</td> <td>男</td> <td>120</td> </tr> </table>
th 也是一個單元格 只不過和普通的 td單元格不一樣，它會讓自己里面的文字居中且加粗

4. 表格標(biāo)題caption

定義和用法

<table> <caption>我是表格標(biāo)題</caption></table>**注意： **

  1. caption 元素定義表格標(biāo)題，通常這個標(biāo)題會被居中且顯示于表格之上。
  2. caption 標(biāo)簽必須緊隨 table 標(biāo)簽之后。
  3. 這個標(biāo)簽只存在 表格里面才有意義。你是風(fēng)兒我是沙
案例3：

根據(jù)要求完成以下案例：

5. 合并單元格(難點)

合并單元格是我們比較常用的一個操作，但是不會合并的很復(fù)雜。

5.1 合并單元格2種方式




5.2 合并單元格順序

**合并的順序我們按照 先上 后下 先左 后右 的順序 **
跟我們以前學(xué)習(xí)漢字的書寫順序完全一致。

5.3 合并單元格三步曲

  1. 先確定是跨行還是跨列合并
  2. 根據(jù) 先上 后下 先左 后右的原則找到目標(biāo)單元格 然后寫上 合并方式 還有 要合并的單元格數(shù)量 比如 ：

6. 總結(jié)表格

標(biāo)簽名定義說明
表格行標(biāo)簽行標(biāo)簽要再table標(biāo)簽內(nèi)部才有意義單元格標(biāo)簽單元格標(biāo)簽是個容器級元素，可以放任何東西表頭單元格標(biāo)簽它還是一個單元格，但是里面的文字會居中且加粗表格標(biāo)題標(biāo)簽表格的標(biāo)題，跟著表格一起走，和表格居中對齊clospan 和 rowspan合并屬性用來合并單元格的

  1. 表格提供了HTML 中定義表格式數(shù)據(jù)的方法。
  2. 表格中由行中的單元格組成。
  3. 表格中沒有列元素，列的個數(shù)取決于行的單元格個數(shù)。
  4. 表格不要糾結(jié)于外觀，那是CSS 的作用。
  5. 表格的學(xué)習(xí)要求： 能手寫表格結(jié)構(gòu)，并且能簡單合并單元格。

7. 拓展閱讀@

表格劃分結(jié)構(gòu)（了解）

對于比較復(fù)雜的表格，表格的結(jié)構(gòu)也就相對的復(fù)雜了，所以又將表格分割成三個部分：題頭、正文和腳注。而這三部分分別用:thead,tbody,tfoot來標(biāo)注， 這樣更好的分清表格結(jié)構(gòu)
注意：

：用于定義表格的頭部。用來放標(biāo)題之類的東西。 內(nèi)部必須擁有 標(biāo)簽?。河糜诙x表格的主體。放數(shù)據(jù)本體 。放表格的腳注之類。* 以上標(biāo)簽都是放到table標(biāo)簽中。

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <table border="1" cellspacing="0" align="center" width="500"> <thead> <tr> <th>姓名</th> <th>性別</th> <th>年齡</th> </tr> </thead> <tbody> <tr> <td>劉德華</td> <td>男</td> <td>55</td> </tr> <tr> <td>劉若英</td> <td>女</td> <td>35</td> </tr> <tr> <td>劉曉慶</td> <td>女</td> <td>65</td> </tr> <tr> <td>劉三姐</td> <td>女</td> <td>15</td> </tr> </tbody> <tfoot> <tr> <td>信息地址</td> <td colspan="2"> 杭州市金燕龍校區(qū)舉辦演唱會</td> </tr> </tfoot> </table></body></html>

關(guān)鍵詞：表格

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關(guān)閉