我们可以轻松地在表格中添加 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><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/code/10942" title="创想C2C多用户商城系统"><img
src="https://img.php.cn/upload/webcode/000/000/015/176439240222161.jpg" alt="创想C2C多用户商城系统" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/code/10942" title="创想C2C多用户商城系统">创想C2C多用户商城系统</a>
<p>创想C2C商城系统，系统功能仿照淘宝设计，采用模块标签技术和静态html生成技术 基于Asp.Net/C#+SQL的开发的创想多用户商城系统，具有智能化、高扩展、稳定安全等特性，后台可自由添加频道，自由修改界面风格，商品无限级 分类，支持在线支付整合，通过安装和使用创想C2C商城系统，就可以轻松建立起专业大型的网上交易平台。创想C2C多用户商城系统5.6.3.8版本升级功能1.网站地区设置功能的增</p>
</div>
<a href="/xiazai/code/10942" title="创想C2C多用户商城系统" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div></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> 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>
