HTML常用代碼集合，背完這些基本可以自己做表白網頁了

lt;marquee>...</marquee>普通卷動

<marquee behavior=slide>...</marquee>滑動

<marquee behavior=scroll>...</marquee>預設卷動

<marquee behavior=alternate>...</marquee>來回卷動

<marquee direction=down>...</marquee>向下卷動

<marquee direction=up>...</marquee>向上卷動

<marquee direction=right></marquee>向右卷動

<marquee direction=left></marquee>向左卷動

<marquee loop=2>...</marquee>卷動次數

<marquee width=180>...</marquee>設定寬度

<marquee height=30>...</marquee>設定高度

<marquee bgcolor=FF0000>...</marquee>設定背景顏色

<marquee scrollamount=30>...</marquee>設定卷動距離

<marquee scrolldelay=300>...</marquee>設定卷動時間

<!>字體效果

<h1>...</h1>標題字(最大)

<h6>...</h6>標題字(最小)

<b>...</b>粗體字

<strong>...</strong>粗體字(強調)

<i>...</i>斜體字

<em>...</em>斜體字(強調)

<dfn>...</dfn>斜體字(表示定義)

<u>...</u>底線

<ins>...</ins>底線(表示插入文字)

<strike>...</strike>橫線

<s>...</s>刪除線

<del>...</del>刪除線(表示刪除)

<kbd>...</kbd>鍵盤文字

<tt>...</tt> 打字體

<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)

<plaintext>...</plaintext>固定寬度字體(不執行標記符號)

<listing>...</listing> 固定寬度小字體

<font color=00ff00>...</font>字體顏色

<font size=1>...</font>最小字體

<font style =font-size:100 px>...</font>無限增大

<!>區斷標記

<hr>水平線

<hr size=9>水平線(設定大小)

<hr width=80%>水平線(設定寬度)

<hr color=ff0000>水平線(設定顏色)

<br>(換行)

<nobr>...</nobr>水域(不換行)

<p>...</p>水域(段落)

<center>...</center>置中

<!>連結格式

<base href=位址>(預設好連結路徑)

<a href=位址></a>外部連結

<a href=位址 target=_blank></a>外部連結(另開新視窗)

<a href=位址 target=_top></a>外部連結(全視窗連結)

<a href=位址 target=頁框名></a>外部連結(在指定頁框連結)

<!>貼圖/音樂

<img src=圖片位址>貼圖

<img src=圖片位址 width=180>設定圖片寬度

<img src=圖片位址 height=30>設定圖片高度

<img src=圖片位址 alt=提示文字>設定圖片提示文字

<img src=圖片位址 border=1>設定圖片邊框

<bgsound src=MID音樂檔位址>背景音樂設定

<!>表格語法

<table aling=left>...</table>表格位置,置左

<table aling=center>...</table>表格位置,置中

<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網址

<table border=邊框大小>...</table>設定表格邊框大小(使用數字)

<table bgcolor=顏色碼>...</table>設定表格的背景顏色

<table borderclor=顏色碼>...</table>設定表格邊框的顏色

<table borderclordark=顏色碼>...</table>設定表格暗邊框的顏色

<table borderclorlight=顏色碼>...</table>設定表格亮邊框的顏色

<table cellpadding=參數>...</table>指定內容與格線之間的間距(使用數字)

<table cellspacing=參數>...</table>指定格線與格線之間的距離(使用數字)

<table cols=參數>...</table>指定表格的欄數

<table frame=參數>...</table>設定表格外框線的顯示方式

<table width=寬度>...</table>指定表格的寬度大小(使用數字)

<table height=高度>...</table>指定表格的高度大小(使用數字)

<td colspan=參數>...</td>指定儲存格合并欄的欄數(使用數字)

<td rowspan=參數>...</td>指定儲存格合并列的列數(使用數字)

<!>分割視窗

<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整

<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整

<frameset cols="20%,*">分割左右兩個框架

<frameset cols="20%,*,20%">分割左中右三個框架

<分割上下兩個框架

<frameset rows="20%,*,20%">分割上中下三個框架

<! - - ... - -> 注解

<a href target> 指定超連結的分割視窗

<a href=#錨的名稱> 指定錨名稱的超連結

<a href> 指定超連結

<a name=錨的名稱> 被連結點的名稱

<address>....</address> 用來顯示電子郵箱地址

<b> 粗體字

<base target> 指定超連結的分割視窗

<basefont size> 更改預設字形大小

<bgsound src> 加入背景音樂

<big> 顯示大字體

<blink> 閃爍的文字

<body text link vlink> 設定文字顏色

<body> 顯示本文

<br> 換行

<caption align> 設定表格標題位置

<caption>...</caption> 為表格加上標題

<center> 向中對齊

<cite>...<cite> 用於引經據典的文字

<code>...</code> 用於列出一段程式碼

<comment>...</comment> 加上注解

<dd> 設定定義列表的項目解說

<dfn>...</dfn> 顯示"定義"文字

<dir>...</dir> 列表文字標簽

<dl>...</dl> 設定定義列表的標簽

<dt> 設定定義列表的項目

<em> 強調之用

<font face> 任意指定所用的字形

<font size> 設定字體大小

<form action> 設定戶動式表單的處理方式

<form method> 設定戶動式表單之資料傳送方式

<frame marginheight> 設定視窗的上下邊界

<frame marginwidth> 設定視窗的左右邊界

<frame name> 為分割視窗命名

<frame noresize> 鎖住分割視窗的大小

<frame scrolling> 設定分割視窗的卷軸

<frame src> 將html檔加入視窗

<frameset cols> 將視窗分割成左右的子視窗

<frameset rows> 將視窗分割成上下的子視窗

<frameset>...</frameset> 劃分分割視窗

<h1>~<h6> 設定文字大小

<head> 標示文件資訊

<hr> 加上分格線

<html> 文件的開始與結束

<i> 斜體字

<img align> 調整圖形影像的位置

<img alt> 為你的圖形影像加注

<img dynsrc loop> 加入影片

<img height width> 插入圖片并預設圖形大小

<img hspace> 插入圖片并預設圖形的左右邊界

<img lowsrc> 預載圖片功能

<img src border> 設定圖片邊界

<img src> 插入圖片

<img vspace> 插入圖片并預設圖形的上下邊界

<input type name value> 在表單中加入輸入欄位

<isindex> 定義查詢用表單

<kbd>...</kbd> 表示使用者輸入文字

<li type>...</li> 列表的項目 ( 可指定符號 )

<marquee> 跑馬燈效果

<menu>...</menu> 條列文字標簽

<multiple> 可同時選擇多項的列表欄

<noframe> 定義不出現分割視窗的文字

<ol>...</ol> 有序號的列表

<option> 定義表單中列表欄的項目

<p align> 設定對齊方向

<p> 分段

<person>...</person> 顯示人名

<pre> 使用原有排列

<samp>...</samp> 用於引用字

<select>...</select> 在表單中定義列表欄

<small> 顯示小字體

<strike> 文字加橫線

<strong> 用於加強語氣

<sub> 下標字

<sup> 上標字

<table border=n> 調整表格的寬線高度

<table cellpadding> 調整資料欄位之邊界

<table cellspacing> 調整表格線的寬度

<table height> 調整表格的高度

<table width> 調整表格的寬度

<table>...</table> 產生表格的標簽

<td align> 調整表格欄位之左右對齊

<td bgcolor> 設定表格欄位之背景顏色

<td colspan rowspan> 表格欄位的合并

<td nowrap> 設定表格欄位不換行

<td valign> 調整表格欄位之上下對齊

<td width> 調整表格欄位寬度

<td>...</td> 定義表格的資料欄位

<textarea name rows cols> 表單中加入多少列的文字輸入欄

<textarea wrap> 決定文字輸入欄是自動否換行

<th>...</th> 定義表格的標頭欄位

<title> 文件標題

<tr>...</tr> 定義表格美一行

<tt> 打字機字體

<u> 文字加底線

<ul type>...</ul> 無序號的列表 ( 可指定符號 )

<var>...</var> 用於顯示變數

上就要到一年一度，最適合找工作的時間段：金三銀四。另外一個時間段是：金九銀十。金三銀四的大意是：最好的時間是三月，其次是四月。同理于金九銀十，最好的時間是九月，其次是十月。反正我也是在幾年前，道聽途說過來的。一過完年，一交流總會多些想法，就有了金三銀四。金九銀十則是，一些公司在年中的時候，發去年的年終獎。

今年的行情雖然沒有去年火熱，但是你仍應該拾掇拾掇一下你的簡歷，萬一機會來了呢？

跳槽的 N 個原因

作為一個技術人員，如果你滿足以下條件中的任意一個，你應該去看看更多的機會：

錢少了
技術空間增長太少
沒有發展空間
心里委屈了

以及

老板招你的時候，和你談理想。現在，老板問你說：理想能賺錢嗎？
加班太多——都沒有時間約會或者女朋友和別人跑了
你的女朋友在北京，而你在上海
這個技術公司已經沒有大牛了

這不是馬上就要到，傳說中一年一度的狗糧節了么。回到正題，一份優秀的前端開發工程師簡歷是怎么樣的？。

一份優秀的前端開發工程師簡歷

這個嘛，我覺得應該是這樣的：

然后呢，HR 只需要打開這個 PDF 中的 GitHub 鏈接即可：

這才叫優秀嘛，你說是不是？

好了，寫完段子了，讓我們來看正文。

簡歷的 N 種錯誤姿勢

這些年來，我也多多少少了，看了一些簡歷。也稍微有一些經驗，讓我先羅列一下問題，再說說原因：

打開姿勢

簡歷造假。任何造假的行為都是不能容忍的，這個問題容易出現在不自信的面試者身上。還容易出現在培訓機構的學生上——我并沒有任何歧視培訓機構培訓的學生，我只歧視培訓機構及其行為。即使你能幸運的通過面試，在工作的時候，你也有可能被覺察出來。

不適當的文件名。當我收到一份簡歷，你可以是 xxx.pdf，可以是 xx公司xx.pdf，但是不能是 all.pdf、resume.pdf 這樣的文件名。我還需要幫你重新命名一下，然后存檔么？在簡歷的文件名上，你要突出重點，誰，需要什么崗位，如：李小明Android工程師_簡歷.pdf

使用 PDF 以外的格式，如PPT、DOCX、HTML。PDF 是我目前看到兼容性最好的格式，要知道 Windows 上寫的 TXT 在 Mac OS 上打開都會有編碼問題。DOCX 就更不用說了，我司標配的 Office 是 LibreOffice，打開的文件 100% 出問題。PPT 我就不說了，雖然很帥，但是我很累——要面試的人是你，不是我。

呵呵~

Be Professional

語法問題。在平時的時候，你可以將一些技術棧的單詞拼錯。但是在簡歷上，請認真一點~，最好可以找基友幫你過一遍。該大寫的時候就應該大寫，如 HTML 不應該寫成 html 或者 Html，Java 8 不應該寫在 JAVA 8 或者 java 8，乃至 J8。

排版問題。像審美風格這樣就算是其次的，該換行的時候就要換行，該對齊的時候就應該對齊。好在大家都是用模板來完成的，這個問題不大。

沒有項目經驗或者無用的項目經驗。只是羅列技術棧，沒有寫你做了什么。這種感覺就好像，我在 BAT 里都干過，只不過是我是在里面掃地的。作為一個美團外賣員工，天天進百度外賣大樓去送外賣——除了沒被打死，你還有什么可以自豪的？。

寫了一些無關緊要的廢話。誰 TM 想知道你和你家大伯的女兒關系，以及你在中小學的時候去哪玩了。除此，你在大學的時候做的家教、兼職也不重要。你要來面試的是一份技術工作、技術工作、技術工作，不是銷售，也不是大家老師。如果你是黨員，你也不用突出你是有多愛黨。畢竟，作為一個普通人，我們都擁互黨的領導的。

不作死

羅列技術棧。不要在簡歷上，寫上太多的無關技術棧。寫到簡歷上的東西，都會成為你的呈堂證供。如我畢業的時候，準備了三種不同類型的簡歷，嵌入式工程師的、Web 工程師的、包含兩者的。然后在專業技能上，我列舉了我玩過的各個東西。在現在看來，簡直是。。。

簡直是作死。當年，我寫在簡歷上的每一個內容，都被一一過問了一遍。

程序員該如何去寫自己的簡歷

簡歷就是簡單的介紹一下你自己有多 NB。所以，你需要介紹以下的內容：

我是誰。
我會什么。
做過什么。
結果如何。

然后把這些內容放到一個模子里，就可以了。

選擇一套模板

如果你并非設計師，或者想要相關的求職崗位，那么請不要在簡歷的樣式上花時間。你應該將更多的時間花費在簡歷的內容上吧。作為一個技術崗位，面試官想看的是你能干什么，而不是漂亮不漂亮。你又不是要面試鼓勵師程序員 = 鼓勵師 + 程序員。

然后推薦下我用的模板，LaTex 里的 modercv 模板。就是這樣的效果：

這個模板最大的優點是，寫廢話的地方很少。最大的缺點是：你需要學習 LaTex。你可以輕松地寫上你的各種經歷，并且排版出來的效果很不錯。

首屏加載：在第一頁盡可能突出自己

這里有一個突出自己的，最好例子：

本人學識淵博、經驗豐富，代碼風騷、效率恐怖，c/c++、java、php無不精通，熟練掌握各種框架，深山苦練20余年，一天只睡4小時，千里之外定位問題，瞬息之間修復上線。身體強壯、健步如飛，可連續編程100小時不休息，討論技術方案5小時不喝水，上至帶項目、出方案，下至盜賬號、威脅pm，啥都能干。泡面礦泉水已備好，學校不支持編程已輟學，家人不支持編程已斷絕關系，老婆不支持編程已離婚，小孩不支持編程已送孤兒院，備用電源萬兆光纖永不斷電斷網，門口已埋雷無人打擾

因此，你要保證 HR 可以輕松地打開你的簡歷，并且可以看到他們想要看的內容。如果你使用 GitHub Pages 和網頁的時候，就要注意這個問題。并不是所有的 HR 都會翻墻的，并不是所有公司訪問外網都會很輕松的。

你剛畢業不久的時候，你應該突出你在學校的成果：

工作的時候，便是突出你的公司，和 NB 的項目。

畢業到工作：從看學校到看公司

校招的時候，你可以把你在學校玩過的各種東西都寫在上面，如下：

就是要把你玩過的、覺得很 High 的東西都往上寫。畢竟大部分人都是玩游戲過來的，然后你還玩過這么多東西，面試官對你的印象一定特定好。不過，還是那一點，不要造假——寫到簡歷上的東西，都會成為你的呈堂證供。作為一個 Play for Fun 的程序員，誰的大家不是這么玩過來的。

除了這種玩可以為你加分之后，還有：

211 985高校加分
碩士學歷加分
大公司實習經驗加分
GitHub、博客加分
ACM 等比賽加分
項目經驗加分
等等

而，等你工作多年后，教育經歷就變成無關經歷了。這時候加分的內容就變成：

BAT 等大公司加分
NB 的開源項目加分
與本公司相關的項目經驗加分
行業大牛，自帶光環
技術棧完全匹配加分
GitHub、博客加分
認識 Phodal 加分 （我的意思：內推）
等等

這個世界就會從看學校到看公司。所以，如果你畢業的時候遇到這樣一個選擇：大公司還是創業公司。請考慮上這一點因素，如果這家創業公司倒了，那么你的下家就不好找了。反之，你從大公司要進入小公司，則是輕輕松松地一件事。

推薦JAVA架構師學習路線

針對下面的技術我特意整理了一下，有很多技術不是靠幾句話能講清楚，所以干脆找朋友錄制了一些視頻，要做到知其然還要知其所以然。如果想學習Java工程化、高性能及分布式、深入淺出。性能調優、Spring，MyBatis，Netty源碼分析的朋友可以加我的Java進階群：575745314 ，群里有阿里大牛直播講解技術，以及Java大型互聯網技術的視頻免費分享給大家。

進群：可以領取免費的架構師學習資料。

進群：了解最新的學習動態

進群：了解最新的阿里，京東招聘資訊

進群：獲取更多的面試資料

1、具有1-5工作經驗的，面對目前流行的技術不知從何下手，需要突破技術瓶頸的可以加群。

2、在公司待久了，過得很安逸，但跳槽時面試碰壁。需要在短時間內進修、跳槽拿高薪的可以加群。

3、如果沒有工作經驗，但基礎非常扎實，對java工作機制，常用設計思想，常用java開發框架掌握熟練的，可以加群。

4、覺得自己很牛B，一般需求都能搞定。但是所學的知識點沒有系統化，很難在技術領域繼續突破的可以加群。

5.群號：高級架構群：575745314 備注好信息！

6.阿里Java高級架構師直播講解知識點，分享知識，多年工作經驗的梳理和總結，帶著大家全面、科學地建立自己的技術體系和技術認知！

　很多想要找web前端開發工作的小伙伴都不知道簡歷該如何制作，特別是對于才從重慶it培訓學習完的小伙伴，雖然積累了一些項目開發經驗，但始終沒有企業的工作經驗，而不知道該如何包裝自己的簡歷。千鋒重慶培訓就告訴大家無經驗小白的web前端面試簡歷該怎么寫。

　　web前端面試簡歷該怎么寫?我們可以先從企業的招聘要求出發，先來看看企業對前端開發崗位的要求大致是什么：

　　1. 三年以上Web前端工作經驗，能夠獨立完成中小型網站的頁面和交互設計;

　　2. 熟練編寫html、CSS、JavaScript代碼，了解相關技術的最新標準;

　　3. 熟悉jQuery、Ajax、bootstrap、響應式網頁設計，了解canvas、WebGL;

　　4. 熟悉至少一種Web前端開發框架，例如: AngularJS/React/Vue;

　　5. 技能/經驗加分項：Node.js;Electron/NW.js; Android/iOS App設計;數據可視化。

　　一、web前端面試簡歷該怎么寫?——職業技能

　　不難看出，除了簡歷的個人基本信息外，職業技能和項目經驗是企業非?？粗氐?。職業技能包括基本的前端三要素html、CSS、JavaScript、前端開發框架、前端技術等。

　　二、web前端面試簡歷該怎么寫?——項目工作經驗

　　如果是應屆生可以寫一些前端開發相關的經驗，工作經驗本來就沒有。而從it培訓畢業的肯定會有一些項目經驗，挑選自己做得比較好的1-2個著重寫，可以根據企業具體的技術要求來選擇。工作經驗當然就只能先構造，只要技術達標，企業也是不會深究的。

　　三、web前端面試簡歷該怎么寫?——關于面試

　　多去看看一些面試題目。面試題目網上很多的，一搜一大把。如果是在重慶it培訓班，也會有專門的就業指導的。我們需要調整好自己的心態和狀態，不要在面試時因為膽怯而與工作失之交臂。

如果你對web前端開發開發學習感興趣想要免費教程可私信，還可閱讀：閲嶅簡Web鍓嶇寮€鍙戠殑灝變笟鍓嶆櫙鎬庝箞鏍鳳紵鍙互閫夋嫨鍝簺宀椾綅錛? - 鍗冮攱鏁欒偛

在線咨詢

上一篇：手把手教你前端的各種文件上傳攻略和大文件斷點續傳
下一篇：CSS-設置水平居中總結

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

HTML常用代碼集合，背完這些基本可以自己做表白網頁了

您的項目需求

HTML常用代碼集合，背完這些基本可以自己做表白網頁了