資料結構
網路
關係資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 HTML 中建立表格？
HTML 表格 允許我們在網頁上將資料排列成行和列。
我們使用 <table> 標籤 在 HTML 中建立表格。表格由行和列組成。可以使用一個或多個 <th>、<tr> 和 <td> 元素來設定表格標題、行和列以及表格資料。
表格行由 <tr> 標籤 定義。要設定表格標題，我們使用 <th> 標籤。要在表格單元格中插入資料，請使用 <td> 標籤。
HTML 中的表格由表格單元格組成，這些單元格位於表格的行和列中。
表格標題由 <th>...</th> 定義。<th> 內的資料是表格列的標題。
每個表格單元格都由 <td>...</td> 標籤定義。<td> 標籤內的內容是表格行和列的內容。
每個表格行都以 <tr> ....</tr> 標籤開頭。
我們使用樣式表為表格建立邊框。
示例
以下是一個在 HTML 中建立表格的示例程式。
<!DOCTYPE html> <html> <style> table, th, td { border:1px solid green; } </style> <body> <h2>Count</h2> <table> <tr> <th>Monday</th> <th>Tuesday</th> <th>Wednesday</th> <th>Thursday</th> <th>Friday</th> <th>Saturday</th> <th>Sunday</th> </tr> <tr> <td>12</td> <td>28</td> <td>28</td> <td>28</td> <td>28</td> <td>28</td> <td>28</td> </tr> <tr> <td>35</td> <td>21</td> <td>34</td> <td>00</td> <td>8</td> <td>75</td> <td>24</td> </tr> </body> </html>
示例
以下是在 HTML 中建立表格的另一個示例程式。
<!DOCTYPE html> <html> <style> table, th, td { border:1px solid black; } </style> <body> <h2>Tables in HTML</h2> <table> <tr> <th>Name</th> <th>RollNo</th> </tr> <tr> <td>Jason</td> <td>28</td> </tr> <tr> <td>Yadav</td> <td>22</td> </tr> <tr> <td>Abdul</td> <td>25</td></tr> </tr> <tr> <td>Abdul</td> <td>25</td></tr> </tr> </table> </body> </html>
現在，我們嘗試使用 style 屬性將表格擴充套件到瀏覽器選項卡大小。
示例
以下是在 HTML 中使用 style 屬性將表格擴充套件到瀏覽器選項卡大小的示例程式。
<!DOCTYPE html> <html> <style> table, th, td { border:1px solid black; } </style> <body> <h2>Tables in HTML</h2> <table style="width: 100%"> <tr> <th>Name</th> <th>RollNo</th> </tr> <tr> <td>Jason</td> <td>28</td> </tr> <tr> <td>Yadav</td> <td>22</td> </tr> <tr> <td>Abdul</td> <td>25</td></tr> </tr> <tr> <td>Abdul</td> <td>25</td></tr> </tr> </table> </body> </html>
更新於： 2023-09-06
32K+ 次檢視
廣告