时间：2021-07-01 10:21:17 帮助过：29人阅读
记得我学这块内容的时候是在北京一家公司上班的时候学的，那时候也没有人带着学习，就别人说了W3C，然后就开始自己看，照着里面的内容去打代码，每天晚上都敲到陵城3点，然后理解各个标签的作用（可能说的不标准），然后一个一个的看标签的属性。自己最开始独立写的一个页面就是用table写了一张简历。
代码：
个人简历 个人简历
| 姓名 | Strip_liu | 照片区 |
| 性别 | 男 | |
| 电话 | 180xxxxxxxx | |
| strip_liu@xxx.com | ||
| 工作经验 | 上大学的时候…… | |
| 个人介绍 | 我叫XXX，…… | |
| 兴趣爱好 | 我喜欢象棋…… | |
效果图：
这段代码严格来说，还是有问题的，因为当时虽然已经知道div这个东西，但是根本不知道怎么用，一想到做一个简历，第一想到的就是table表格，因为这个本来就是表的形式，只要自己稍稍合并一下单元格就OK了。
这里说一下代码吧。在写出来之后我才知道center这个标签已经被丢弃了；
这里在body里面直接加了北京颜色，也就是bgcolor属性，table中的cellpadding -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间，这里一般都设置为0，cellspacing单元格间距表格间距 -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离，一般也设置为0；
border属性一般块元素都有，不过有的设置显示有的设置为不显示，border一般用法是 border：宽度 实线/虚线 颜色；width和height是设置整张表宽度和高度的；当然，在任何块元素（标签）中，width和height都是设置宽高的。
tr是行元素，也就是一对tr标签就是一行，tr元素对应的就是td，td代表列，一般内容填充就填充在列种，rowspan是表示跨行合并，后面的数字就代表着跨几行合并单元格，同理colspan是跨列合并，后面数字代表的跨几列；
从上面代码中我们可以看到，text-align="center"这个属性，这是设置行内居中的，但是我有的写在tr中 有的写在td中，虽然这种写法很烂，但初学者这样写很正常，也更加容易理解这个属性带来的效果，因为我有些是要正行居中，所以写在tr中，而有些只需要一个列居中，就单独的写了列居中。
最后是a标签，a标签就是一个超级链接，href属性就是它要链接到那个页面(注意的是href中一定要加上http://，也就是链接用的是http协议)；
其实代码挺简单的，初学者可以看看。这些基本就是table的一些东西，真正写页面，现在用table显然已经很不现实了，但这也是基础。零零散散的说了一些，希望对初学者有用。