我们可以轻松地在表格中添加 html 标签。 html 标签应放置在
…
标签或其他可用标签。
语法
以下是在 HTML 表格中使用 HTMl 标记的语法。
<td>
<p> Paragraph of the context</p>
</td><td>
<h3>示例 1</h3>
<p>下面给出了在 HTML 表格中使用 HTML 标签的示例。</p>
<pre class="brush:html;toolbar:false;">
<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>
| EmployeeName | About Employee |
|---|---|
| Yadav | Lokesh yadav is a content developer at tutorialspoint. |
| Abdul |
Abdul is a content developer at tutorialspoint. |
以下是上述示例程序的输出。
我们还可以在 HTML 表格中添加其他 HTML 标签。
示例 2
以下是在 HTML 表格中使用 HTMl 标记的语法。
<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>
| EmployeeName | Languages Known |
|---|---|
| Yadav |
|
| Abdul |
|
以下是上述示例程序的输出。
示例 3
在 HTML 表格中使用 HTML 标签的另一个示例如下 -
<style>
table, th, td { border: 1px solid black; width: 400px; }
</style><h1> Total Points</h1>
| Technologies | Points |
|---|---|
Programming Languages
|
100 |
Database
|
50 |
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











