HTML表格允许我们在网页上将数据按行和列进行排列。
我们使用<table>标签，在HTML中创建表格。一个表格由行和列组成。可以使用一个或多个<th>、<tr>和<td>元素来设置表头、行和列以及表格数据。
表格行由 <tr> 标签定义。对于表行和列，我们分别在 <table> 标签内使用 <tr>、<td> 标签。
示例
以下是创建表格行和列的示例程序。
<!DOCTYPE html>
<html>
<style>
table {
border:1px solid black;
padding: 10px;
}
th, td{
border:1px solid black;
padding: 20px;
}
</style>
<body>
<h2>Tables in HTML</h2>
<table style="width: 100%">
<tr>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
示例
以下是另一个创建表格行和列的示例程序。
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid green;
}
</style>
</head>
<body>
<h2>Adding table rows and colomns in HTML</h2>
<table>
<tr>
<th>S.no</th>
<th>Name</th>
<th>Age</th>
<th>Country</th>
</tr>
<tr>
<td>1</td>
<td>Kohli</td>
<td>34</td>
<td>India</td>
</tr>
<tr>
<td>2</td>
<td>Rabada</td>
<td>29</td>
<td>South Africa</td>
</tr>
<tr>
<td>3</td>
<td>Starc</td>
<td>33</td>
<td>Australia</td>
</tr>
</table>
</body>
</html>
示例
下面是另一个用于创建表行和列的示例程序。
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid green;
}
</style>
</head>
<body>
<h2>Adding table rows and colomns in HTML</h2>
<table style="width:80%">
<caption>Cricketers...</caption>
<tr style="background-color: Mediumseagreen">
<th>S.no</th>
<th>Name</th>
<th>Age</th>
<th>Country</th>
</tr>
<tr>
<td>1</td>
<td>Kohli</td>
<td>34</td>
<td>India</td>
</tr>
<tr>
<td>2</td>
<td>Rabada</td>
<td>29</td>
<td>South Africa</td>
</tr>
<tr style="background-color: Mediumseagreen">
<td>3</td>
<td>Starc</td>
<td>33</td>
<td>Australia</td>
</tr>
</table>
</body>
</html>
以上就是如何在HTML中创建表格的行和列？的详细内容，更多请关注编程之家其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
