如何制做我的简历?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;
(以上内容均为自创,转载注明出处,不然必将追究其责任)
转自:公众号 双鱼站
做者:小鱼儿