2021HTML源码,2021表格HTML代码一览表.docx

表格HTML

表格HTML弋码一览表

html特效代码html表格制作

表格算不上什么特效，但在空间却很有用处。 如果使用专门的工具， 制作一张表格是轻而易

举的事，但这类工具一下子不容易学会，下面介绍html表格如何手工制作。

1、最基本的表格

第1行第1列

第1行第2列

第2行第1列

第2行第2列

第3行第1列

第3行第2列

代码：

第1行第1列	第1行第2列
第2行第1列	第2行第2列
第3行第1列	第3行第2列

2、表格的代码非常整齐，也很有规律，我们只要学会使用并能够作一些简单修改就行了。 上面是一张3行2列的表格，如果把它改成4行3列，怎么改呢？我们可以将代码通过复制、 粘贴来添加行和列。修改后如下：

第1行第1列

第1行第2列

第1行新3列

第2行第1列

第2行第2列

第2行新3列

第3行第1列

第3行第2列

第3行新3列

新4行新1列

新4行新2列

新4行新3列

代码：

第1行第 1 列	第1行第 2 列	第1行新 3 列
第2行第 1 列	第2行第 2 列	第2行新 3 列
第3行第 1 列	第3行第 2 列	第3行新 3 列
新4行新 1 列	新4行新 2 列	新4行新 3 列

3、下面是一张4行4列的表格，请把它改成 2行3列的表格，自己试一试吧。

第1行第1列

第1行第2列

第1行第3列

第1行第4列

第2行第1列

第2行第2列

第2行第3列

第2行第4列

第3行第1列

第3行第2列

第3行第3列

第3行第4列

第4行第1列

第4行第2列

第4行第3列

第4行第4列

代码：

第1行第1列

第1行第2列

第1行第3列

第1行第4列

第 2 行第 PAGE # 列

第 2 行第 PAGE # 列

第2行第1列 第2行第2列 第2行第3列 第2行第4列 第3行第1列 第3行第2列 第3行第3列 第3行第4列 第4行第1列 第4行第2列 第4行第3列 第4行第4列

4、我们发现上面的表格单元格里的文字偏左，这是默认对齐方式。怎样让文字居中对齐呢?

还是通过添加代码来实现，添加居中代码就可以了。以第一张表格为例：

第1行第1列

第1行第2列

第2行第1列

第2行第2列

第3行第1列

第3行第2列

代码：

第 1 行第 1 列

第 1 行第 2 列