我們可以輕松地在表格中添加 HTML 標(biāo)簽。 HTML 標(biāo)簽應(yīng)放置在
…
標(biāo)簽或其他可用標(biāo)簽。
語法
以下是在 HTML 表格中使用 HTMl 標(biāo)記的語法。
<td> <p> Paragraph of the context</p> <td>
登錄后復(fù)制
示例 1
下面給出了在 HTML 表格中使用 HTML 標(biāo)簽的示例。
<!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>
登錄后復(fù)制
以下是上述示例程序的輸出。
我們還可以在 HTML 表格中添加其他 HTML 標(biāo)簽。
示例 2
以下是在 HTML 表格中使用 HTMl 標(biāo)記的語法。
<!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>
登錄后復(fù)制
以下是上述示例程序的輸出。
示例 3
在 HTML 表格中使用 HTML 標(biāo)簽的另一個示例如下 –
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; width: 400px; } </style> </head> <body> <h1> 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>
登錄后復(fù)制
以上就是如何在HTML表格中使用HTML標(biāo)簽?的詳細(xì)內(nèi)容,更多請關(guān)注www.92cms.cn其它相關(guān)文章!
標(biāo)簽:html 如何在 標(biāo)簽 表格網(wǎng)友整理
注冊時間:
網(wǎng)站:5 個 小程序:0 個 文章:12 篇
-
51998
網(wǎng)站
- 12
小程序
-
1030137
文章
-
747
會員
文章分類
熱門網(wǎng)站
- 各百科-專業(yè)百科問答知識名網(wǎng)站 m.geelcn.com
- 免費(fèi)軟件,綠色軟件園,手機(jī)軟件下載,熱門游戲下載中心-中當(dāng)網(wǎng) m.deelcn.com
- 魔扣科技 www.ylptlb.cn
- 體育新聞_國際體育資訊_全球體育賽事-中名網(wǎng) www.feelcn.com/tiyu/tiyuxinwen/
- 食品安全_健康飲食_舌尖上的安全-中名網(wǎng) www.feelcn.com/shenghuo/shipinanquan/
- 中合網(wǎng) www.heelcn.com
- 中當(dāng)網(wǎng) www.deelcn.com
- 魔扣網(wǎng)站維護(hù)代運(yùn)營 www.ylptlb.cn/tg
- 中合網(wǎng)-健康養(yǎng)生知識科普名站 m.heelcn.com
- 各百科 www.geelcn.com
最新入駐小程序
數(shù)獨(dú)大挑戰(zhàn)2018-06-03
數(shù)獨(dú)一種數(shù)學(xué)游戲,玩家需要根據(jù)9
答題星2018-06-03
您可以通過答題星輕松地創(chuàng)建試卷
全階人生考試2018-06-03
各種考試題,題庫,初中,高中,大學(xué)四六
運(yùn)動步數(shù)有氧達(dá)人2018-06-03
記錄運(yùn)動步數(shù),積累氧氣值。還可偷
每日養(yǎng)生app2018-06-03
每日養(yǎng)生,天天健康
體育訓(xùn)練成績評定2018-06-03
通用課目體育訓(xùn)練成績評定
熱門文章
- 民以食為天 離線人臉識別助力打造智慧食堂 08-20
- 青桔單車發(fā)布3款新車 已進(jìn)入150個城市 08-13
- 民間大神用Win7毛玻璃UI風(fēng)格改造Win10:情懷滿滿 08-06
- 網(wǎng)站標(biāo)題是否可以修改?怎么改不影響網(wǎng)站權(quán)重? 11-19
- 關(guān)于網(wǎng)站標(biāo)題和正文的匹配度分析 09-29
- 從滾石、華納到環(huán)球,三個關(guān)鍵詞讀懂網(wǎng)易云為何成版權(quán)方最愛 08-12
- 天眼被注冊為煙草商標(biāo),中國控?zé)焻f(xié)會要求嚴(yán)查 08-13
- 深圳實(shí)現(xiàn)5G獨(dú)立組網(wǎng)全覆蓋 已累計(jì)建設(shè)5G基站超4.6萬個 08-17
- 滴滴App內(nèi)嵌買車服務(wù) 已在十余城上線 08-06
- 關(guān)鍵詞的密度要結(jié)合頁面版式來調(diào)整 11-28