html css做一个简历表,HTML table制做我的简历

如何制做我的简历？javascript

说到简历，你们应该第一个想到的是ps，或者使用word表格来制做打印css

但是不少时候带着的时候并不方便，因此今天咱们教你们用html的table标签来制做我的简历html

须要的时候不管哪一个手机均可以查看本身的简历！java

是否是很方便呢？ide

----------------------------------------------------------------布局

ok！废话很少说，直接上教程：flex

table是html中的一个表格标签spa

这个标签实用性很高，但出场率并不高htm

他能够用来作网页布局，亦能够拿来作表格blog

通俗一点说table就是一个盒子

他是这样的

----------------------------------------------------------------

它下面你能够给他横排和纵排

分别是tr和td

看上去就是一个表格啦

(tr表示横排td表示竖排，因此td装在tr内)

他是这样的

----------------------------------------------------------------

固然，这时候table是没有边框的

咱们再给它加上边框一个基本的我的简历就制做完成了

好的

下面开始咱们的代码教程

----------------------------------------------------------------

首先

咱们放上一张图片img

而且给他设置我想要的宽高，这里用的是300像素

----------------------------------------------------------------

接下来添加table表格

先来一个tr，六个td

分别写上姓名 民族 联系号码

顺便用div分别装上img和table

设置div宽为100%；高就自适应

这样的目的是分开图片和表单并居中

----------------------------------------------------------------

接下来给table边框写上去

还有宽高

----------------------------------------------------------------

下面的内容本身添加

可点击使用的是a标签

将a标签嵌套在td内便可

咱们来说讲精华部分

若是是空白部分想要占几行怎么办？

给他添加colspan属性便可

值为几即是几行

这里咱们使用的是5行

添加上便可

----------------------------------------------------------------

那同时占两列呢？

很简单，用rowspan属性便可

同理值为几跨几列

不过值得注意的是

第一个tr内的td设置了之后它占两列，可是下面的tr首个成为了第二个，由于第一个的位置被上一个tr内的td占了

最后最后

td内的居中用td属性的align，值为center，也就是居中的意思

----------------------------------------------------------------

新手领地

html为结构

css为样式

javascript是行为，简称js

html内的标签自带属性用等号(=)

如：

1

这里的rowspan align都是属性，2和center是值

css中的叫样式

通常用类名(class=“”)取名使用或id命名

css都是用的“：”而不是“=”

如：

width: 100%;

display: flex;

justify-content: center;

align-items: center;

(以上内容均为自创，转载注明出处，不然必将追究其责任)

转自：公众号 双鱼站

做者：小鱼儿