表格HTML代码1览表.docxVIP

表格HTML代码一览表 html特效代码 html表格制作 表格算不上什么特效，但在空间却很有用处。如果使用专门的工具，制作一张表格是轻而易举的事，但这类工具一下子不容易学会，下面介绍html表格如何手工制作。 ?1、最基本的表格 第1行第1列第1行第2列第2行第1列第2行第2列第3行第1列第3行第2列代码： table width=300 border=1? bordercolor=#000000? tr??? td第1行第1列/td??? td第1行第2列/td? /tr? tr??? td第2行第1列/td??? td第2行第2列/td? /tr? tr??? td第3行第1列/td??? td第3行第2列/td? /tr/table ?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列代码： table width=450 border=1? bordercolor=#000000? 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? tr??? td第3行第1列/td??? td第3行第2列/td? ??td第3行新3列/td? /tr? tr??? td新4行新1列/td??? td新4行新2列/td??? td新4行新3列/td? /tr/table 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列代码： table width=400 border=1 bordercolor=#000000? tr??? td第1行第1列/td??? td第1行第2列/td??? td第1行第3列/td??? td第1行第4列/td? /tr? tr??? td第2行第1列/td??? td第2行第2列/td??? td第2行第3列/td??? td第2行第4列/td? /tr? tr??? td第3行第1列/td??? td第3行第2列/td??? td第3行第3列/td??? td第3行第4列/td? /tr? tr??? td第4行第1列/td??? td第4行第2列/td??? td第4行第3列/td??? td第4行第4列/td? /tr/table ?4、我们发现上面的表格单元格里的文字偏左，这是默认对齐方式。怎样让文字居中对齐呢？还是通过添加代码来实现，添加居中代码就可以了。以第一张表格为例： 第1行第1列第1行第2列第2行第1列第2行第2列第3行第1列第3行第2列代码： table width=300 border=1? bordercolor=#000000? tr??? tddiv align=center第1行第1列/div/td??? tddiv align=center第1行第2列/div/td? /tr? tr??? tddiv align=center第2行第1列/div/td??? tddiv align=center第2行第2列/div/td? /tr? tr??? tddiv align=center第3行第1列/div/td??? tddiv align=center第3行第2列/div/td? /tr/table 5、这是一张比较典型的表格样式。 表格名称表格名称 第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列第5行第1列第5行第2列第5行第3列第5行第4列代码： p align=c