欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

web页面 html表格制作

程序员文章站 2022-06-23 11:39:08
注意:text(为观看方便)(以下出现的代码位置应放在此处)创建表格:1.第一步
这是创建一块表格 (边框未设...

注意:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>text</title>
</head>
<body>
	
	(为观看方便)
	(以下出现的代码位置应放在此处)
	
</body>
</html>

创建表格

1.
web页面 html表格制作

<table> </table>这是创建一块表格 (边框未设置)
<table border=1> </table> 其中 border 为边框设置
<tr> </tr>这是创建表格中的一行
<td> </td>这是创建行中的一个格

	<table border=1> 
	
	<tr>
		<td>第一行 第一个格</td>
		<td>第一行 第二个格</td>
	</tr>
	<tr>
		<td>第一行 第一个格</td>
		<td>第一行 第二个格</td>
	<tr>
	
	</table>

2.
web页面 html表格制作

<td colspan=2> </td> 指这一块占据两个格的位置

	<table border=1> 
	
	<tr>
		<td>第一行 第一个格</td>
		<td>第一行 第二个格</td>
	</tr>
	<tr>
		<td colspan=2>第二行 第一个格</td>	
	<tr>
	
	</table>

3.
web页面 html表格制作

<td rowspan=2> </td> 指这一块占两行

	<table border=1> 
	
	<tr>
		<td rowspan=2>第一行 第一个格</td>
		<td>第一行 第二个格</td>
	</tr>
	<tr>
		<td>第二行 第一个格</td>
		<td>第二行 第二个格</td>
	<tr>
	
	</table>

本文地址:https://blog.csdn.net/m0_47176308/article/details/110236046

相关标签: WEB网页