目錄
如何在HTML表格中使用HTML標籤?
Sep 08, 2023 pm 06:13 PM
使用
html標籤
html表格
我們可以輕鬆地在表格中新增 HTML 標籤。 HTML 標籤應放置在
…
標籤或其他可用標籤。文法
以下是在 HTML 表格中使用 HTMl 標記的語法。
<td> <p> Paragraph of the context</p> <td>
登入後複製
範例 1
下面給出了在 HTML 表格中使用 HTML 標籤的範例。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> table,tr,th,td { border:1px solid black; } </style> </head> <body> <table style="width: 50%"> <caption style="text-align: center; ">Employees</caption> <tr> <th >EmployeeName</th> <th >About Employee</th> </tr> <tr> <td >Yadav</td> <td ><p>Lokesh yadav is a content developer at tutorialspoint.</p></td> </tr> <tr> <td>Abdul</td> <td ><p>Abdul is a content developer at tutorialspoint.</p></td> </tr> </table> </body> </html>
登入後複製
以下是上述範例程式的輸出。
我們也可以在 HTML 表格中新增其他 HTML 標籤。
範例 2
以下是在 HTML 表格中使用 HTMl 標記的語法。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> table,tr,th,td { border:1px solid black; } </style> </head> <body> <table style="width: 50%"> <caption style="text-align: center; ">Employees</caption> <tr> <th>EmployeeName</th> <th>Languages Known</th> </tr> <tr> <td>Yadav</td> <td><ul> <li>HTML</li> <li>Java</li> <li>C</li> </ul></td> </tr> <tr> <td>Abdul</td> <td ><ul> <li>C#</li> <li>Java</li> <li>C</li> </ul></td> </tr> </table> </body> </html>
登入後複製
以下是上述範例程式的輸出。
範例 3
在 HTML 表格中使用 HTML 標籤的另一個範例如下 -
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; width: 400px; } </style> </head> <body> <h1 id="Total-Points"> Total Points</h1> <table> <tr> <th>Technologies</th> <th>Points</th> </tr> <tr> <td>Programming Languages <ul> <li>C++</li> <li>Java</li> <li>C</li> </ul> </td> <td>100</td> </tr> <tr> <td>Database <ul> <li>MySQL</li> <li>Oracle</li> <li>CouchDB</li> </ul> </td> <td>50</td> </tr> </table> </body> </html>
登入後複製
以上是如何在HTML表格中使用HTML標籤?的詳細內容。更多資訊請關注PHP中文網其他相關文章!
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前
By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
R.E.P.O.保存文件位置:在哪里以及如何保護它?
3 週前
By DDD

熱門文章
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前
By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
R.E.P.O.保存文件位置:在哪里以及如何保護它?
3 週前
By DDD

熱門文章標籤

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

crystaldiskmark是什麼軟體? -crystaldiskmark如何使用?
