表格HTML代码一览表.docx

表格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行第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列 第2行第1列 第2行第2列 第3行第1列 第3行第2列 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列代码：表格名称表格名称 第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列 6、给表格添加背景颜色，并把黑色边框改成红色边框。（表格的文字大小和颜色可以在空间写新文章时自定）表格名称表格名称第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列?代码：表格名称表格名称 第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列 7、我们还发现，表格的边框粗了一些。我们再制作一张细边框的表格。这种表格用了两种背景，一是整个表格的背景，二是各单元格的背景。整个表格用的是红色背景，各单元格用的是白色背景，由于预留了一个像素的间距，所以看上去只有一个像素的红色边框。大家在修改时注意，两种背景颜色不要相同，否则看不到表格边框了。表格名称表格名称第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列?代码：表格名称表格名称 第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列 8、在很多情况下，制作表格是为了当超链接使用，点击某一个单元格上的文字，就能打开一张网页。怎样制作超链接呢？其实超链接可以在空间编辑文章时设定。这里我就多此一举吧，介绍怎样制作超链接。制作超链接必须用到超链接的一对标签：“.”，样式是：链接名称链接地址可以是网站地址、图片地址、视频地址等。如： （1） 百度首页 （2） 视频点播 （3） 动画欣赏 （4） 音乐试听 （5） 美女照片 （6） CSS下载 （7） 模板预览 （8） 空间登录 （9） QQ登录上面列举了9个超链接实例。有了超链接，又怎么用呢？很简单，把超链接一个一个的复制、粘贴到单元格里去，每一个单元格填写一个超链接。如下面的表格，我只填写第一个，剩下的8个请您完成：