首先要确定简历的格式，如果使用HTML写简历，出来的格式可能就是HTM，HTML后缀的文件，使用WORD做出来的是DOC扩展名。
确定使用网页格式做简历，建议使用软件来做，这样只需要在软件里面做好格式，自动生成代码，填充内容即可，DREAMWEAVER,FRONTPAGE等，也可以使用WORD编写后保存为页面格式。
代码编写比较麻烦，一般来说站点制作的时候，用DIV布局，数据较多的时候就会选择使用TABLE布局，对简历来说，可能会用到TABLE来布局，纯代码的TABLE,TR,TD会用到很多，手工编写会很麻烦，格式也不容易控制。
不管是div还是table，都可以接合css实现同样效果。最终要实现的是，结构、样式的分离，近而实现，行为的分行；
结构指html，不管是div还是table，都是为了实现结构；
而css则是实现网页的样式，分离之后html代码更加整洁、干净，便于阅读；便于后台的程序人员书写；而美工只要负责css样式就行了，在工作分工上，更清晰。
同理，将行为（主要指javascript事件）分离出来，也是同样道理；
大家只所以采用div代替表格，就是因为div与table更容易实现结构与样式的分离，当然，有些功能，div无法代替table,例如列表显示数据时；所以div并不能替代table.
用div替代table，只是因为table不好实现的功能，而div巧好适合罢了。两者其实各有用途。
如果你现在开始用html5的声明来写页面时，你会发现在定义table的cellspacing和cellpadding时被提示该属性已过时或者提示非法属性。具体原因是在html5中table标签的这两个属性已经被移除，需要定义边框之类的时应该使用css的写法
具体实现如下：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Html5 Table Test</title>
<style type="text/css">
table{ border-collapse:collapse border:solid 1px Black }
table td{ width:50px height:20px border:solid 1px Black padding:5px}
</style>
</head>
<body>
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
效果图如下:
代码的关键点在于border-collapse:collapse 和 border:solid 1px Black。对于padding的定义大家都比较熟悉了，这里主要讲一下的是border-collapse中的collapse和separate值，定义为collapse时，他们的边框会重叠在一起，定义为separate时单元格边框之间会有间隙。不定义时默认为separate。 separate情况下的效果图如下：
代码定义很简单，也是早版本浏览器就支持的东西，只是以前我们一些人习惯用cellspacing和cellpadding来定义，但这两个属性在html5中将要移除，所以需要改过来用css来定义而已。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）