HTML创建表格

使用table标签创建表单
使用tr标签创建行,使用td标签创建单元格,th标签为table head的简写,即为表单的表头,从而实现表单的创建
首先需要做的是对单元格以及行列的创建:
例如

		<table>
			<tr style="text-align: center;">
				<th>学号</th>
				<th>姓名</th>
				<th>手机号</th>
				<th>住址</th>
			</tr>
			<tr>
				<td>001</td>
				<td>张三</td>
				<td>123456789</td>
				<td>郑州市高新技术开发区</td>
			</tr>
			<tr>
				<td style="height: 300px; vertical-align: top;">002</td>
				<td>李四</td>
				<td>987654321</td>
				<td style="text-align: center;">北京市海淀区</td>
			</tr>
		</table>

此时只是完成了对表单内容的创建,但是还未设置样式,即表格线以及表单内容样式尚未进行更改,接下来需要对表单的样式进行设计
使用style标签对样式进行设计
例如:

		<style>
			table{
				width: 720px;/*//设置table宽度*/
				margin:0 auto;/*//设置table水平居中*/
				border: black 1px solid;/*//设置边框线为1px*/
				border-spacing: 0px;/*//去掉table标签以及其子标签边框之间的间隙*/
				border-collapse: collapse;/*//去掉重合线*/
			}
			th{
				border: black 1px solid;
			}
			td{
				border: black 1px solid;
			}
		</style>

此时对表单的样式进行了设计,得到了我们预想的结果。

### 回答1: 可以使用以下的HTML代码创建表格: ``` <table> <thead> <tr> <th>表头1</th> <th>表头2</th> <th>表头3</th> </tr> </thead> <tbody> <tr> <td>行1列1</td> <td>行1列2</td> <td>行1列3</td> </tr> <tr> <td>行2列1</td> <td>行2列2</td> <td>行2列3</td> </tr> </tbody> </table> ``` 其中,`<table>` 表示创建一个表格。`<thead>` 表示表头部分,`<tbody>` 表示表格主体部分。`<tr>` 表示表格中的一行,`<th>` 表示表头单元格,`<td>` 表示普通单元格。您可以根据需要添加更多的行和列。 ### 回答2: HTML创建表格的代码如下: ```html <!DOCTYPE html> <html> <head> <title>创建表格</title> </head> <body> <h2>表格示例</h2> <table style="width:100%"> <tr> <th>表头1</th> <th>表头2</th> <th>表头3</th> </tr> <tr> <td>数据1</td> <td>数据2</td> <td>数据3</td> </tr> <tr> <td>数据4</td> <td>数据5</td> <td>数据6</td> </tr> </table> </body> </html> ``` 以上代码会创建一个简单的HTML表格。首先使用`<table>`标签表示表格的开始,然后使用`<tr>`标签定义表格的行,其中`<th>`表示表头单元格,`<td>`表示数据单元格。通过使用`style`属性可以设置表格的样式,例如上述代码中设置了表格宽度为100%。 ### 回答3: HTML 创建表格的代码如下: ```html <table> <tr> <th>表头1</th> <th>表头2</th> <th>表头3</th> </tr> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> </tr> <tr> <td>单元格4</td> <td>单元格5</td> <td>单元格6</td> </tr> <tr> <td>单元格7</td> <td>单元格8</td> <td>单元格9</td> </tr> </table> ``` 上述代码使用了`<table>`标签来创建表格,`<tr>`标签用于创建表格的行,`<th>`标签用于创建表格的表头单元格,`<td>`标签用于创建表格的普通单元格。 在上面的例子中,表格有3列和4行。第一行是表格的表头,包含3个表头单元格。接下来的三行是普通的数据行,每行都包含3个普通单元格。 你可以根据需要增加或减少行和列,以及修改每个单元格中的内容。此外还可以通过CSS来自定义表格的样式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值