如何制作個人簡歷？

說到簡歷，大家應該第一個想到的是ps，或者使用word表格來制作打印

可是很多時候帶著的時候并不方便，所以今天我們教大家用html的table標簽來制作個人簡歷

需要的時候無論哪個手機都可以查看自己的簡歷！

是不是很方便呢？

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

ok！廢話不多說，直接上教程：

table是html中的一個表格標簽

這個標簽實用性很高，但出場率并不高

他可以用來做網頁布局，亦可以拿來做表格

通俗一點說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;

(以上內容均為自創，轉載注明出處，否則必將追究其責任)

轉自：公眾號 雙魚站

作者：小魚兒

總結

以上是生活随笔為你收集整理的html设计简历表,HTML table制作个人简历的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。