web页面 html表格制作

程序员文章站 2022-03-11 10:03:19

注意：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

HTML5 绘制图像(上)之:关于canvas元素引领下一代web页面的问题