表格HTML代码一览表
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
表格HTML代码一览表
html特效代码 html表格制作
表格算不上什么特效，但在空间却很有用处。如果使用专门的工具，制作一张表格是轻而易举的事，但这类工具一下子不容易学会，下面介绍html表格如何手工制作。
1、最基本的表格
代码：
| 第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列 |
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列 |
4、我们发现上面的表格单元格里的文字偏左，这是默认对齐方式。怎样让文字居中对齐呢？还是通过添加代码来实现，添加居中代码就可以了。以第一张表格为例：
代码：
第1行第1列 | 第1行第2列 |
第2行第1列 | |
第3行第1列 | 第3行第2列 |
5、这是一张比较典型的表格样式。
代码：
表格名称表格名称
第1行第1列 | 第1行第2列 | 第1行第3列 | 第1行第4列 |
第2行第1列 | 第2行第2列 | 第2行第3列 | 第2行第4列 |