溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“html5中table的概念是什么”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
在html中，table是表格，語法格式為“<table>表格內容</table>”。一個簡單的HTML表格包括table元素，一個或多個tr、th以及td元素；tr元素定義表格行，th元素定義表頭，td元素定義表格單元。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
簡單的HTML表格是由table標簽以及一個或者多個tr，th，td元素組成。
table標簽
table標簽可以定義簡單的表格，它主要是用來控制表格的外邊框的，它擁有margin屬性主要是設置表格的外邊距。border屬性用于設置表格的邊框以及cellspacing屬性用于規(guī)定單元格之間的空白
tr部分：
tr是主要用來來分割表格中有幾行，一般只需要用來設定heigth
td部分：
td是用來控制每個單元格的屬性，可是分別控制每個單元格的上下左右邊框，其中也包含padding屬性。
th部分：
th的用法與td的用法相同，只是它是用來區(qū)分表頭的。
注意：在表格中國使用百分比和使用像素為單位是相同的
例：
<!DOCTYPE html> <html> <head> <title>test</title> </head> <body> <table border="1"> <tr> <th>NAME</th> <th>AGE</th> <th>NUMBER</th> </tr> <tr> <td>xm</td> <td>10</td> <td>2020</td> </tr> <tr> <td>xh</td> <td>3</td> <td>2021</td> </tr> <tr> <td>xf</td> <td>4</td> <td>2010</td> </tr> </table> </body> </html>
效果圖：
表格的跨行與跨列處理
我們也可以通過設置單元格的colspan屬性使其跨列合并，也可以設置單元格的rowspan屬性使其跨行合并，如下所示
實例：
<!DOCTYPE html> <html> <head> <title>test</title> </head> <body> <table border="1"> <tr> <th>NAME</th> <th>AGE</th> <th>NUMBER</th> </tr> <tr> <td rowspan="2">xm</td> <td>10</td> <td>2020</td> </tr> <tr> <td>3</td> <td>2021</td> </tr> <tr> <td>xf</td> <td>4</td> <td>2010</td> </tr> </table> </body> </html>
結果：
“html5中table的概念是什么”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
