在開始之前偶們先來講幾個(gè)小故事哦～

假設(shè)你一個(gè)優(yōu)秀能干的秘書哦，對(duì)，是會(huì)干活的那種哦～那天老板給了你一份文檔，就是一份普通的 Word 文檔， 然后老板希望你把上面的格式規(guī)范一下，比方說應(yīng)該加粗的地方要加粗該設(shè)置成標(biāo)題的地方要設(shè)置成標(biāo)題。那么這種工作其實(shí)我們大家都曾經(jīng)做過的，也沒有什么難度，老板一般都會(huì)標(biāo)識(shí)出來哪里需要做什么樣的修改，我們只要根據(jù)他的意思去做就是了。那么其中一段的內(nèi)容是這個(gè)樣子的。

高端（從這里開始加粗）大氣（到這里加粗結(jié)束）上檔次

那么我們很容易理解出括號(hào)里面是說明的內(nèi)容，說明其他文字應(yīng)該是什么樣的，那么現(xiàn)在的意思其實(shí)就是把 “大氣” 二字加粗，所以你很輕松的就做出了如下的效果：

高端大氣上檔次

是的，這很簡(jiǎn)單的，然后第二天老板又給了你一份文檔，不過這次他標(biāo)注的略顯簡(jiǎn)單，畢竟上次標(biāo)注的內(nèi)容比實(shí)際內(nèi)容都多，換誰都覺得累啊。

低調(diào)（開始加粗）奢華（結(jié)束加粗）有內(nèi)涵

然后哩～有了上次的經(jīng)驗(yàn)這根本不需要猜啊，老板還沒轉(zhuǎn)身你就做出來了～

低調(diào)奢華有內(nèi)涵

這有什么啊～但是第三天，老板給了你一份董事長(zhǎng)寫的文檔要你整理，這個(gè)董事長(zhǎng)啊，是個(gè)喜歡把中文跟英文摻在一起再加點(diǎn)沙拉醬的討厭鬼。所以這個(gè)文檔是這個(gè)樣子的啊。

奔放（start bold）洋氣（end bold）有深度

然后你就拿出珍藏已久的神器——中英小詞典一查，嘿，合著跟上邊一個(gè)意思，不過你記住了 bold 是粗體的意思。然后你就做出來啦～

奔放洋氣有深度

第四天，董事長(zhǎng)親自叼著煙卷給你拿過來一份文檔，你一看，嘿，這家伙抽懶筋啊！直接簡(jiǎn)寫了

簡(jiǎn)約（b）時(shí)尚（/b）國(guó)際范

要是你第一次就看到這樣的文檔你可能犯懵，可是你經(jīng)過了上邊的千錘百煉之后你就想了啊，看這個(gè)情況 b 應(yīng)該代表的就是 bold，那么其實(shí)他就是想給“時(shí)尚” 加粗，于是你就明白了 / 代表結(jié)束的意思。然后就可以做出

簡(jiǎn)約時(shí)尚國(guó)際范

董事長(zhǎng)滿意的夸了你兩句，叼著煙卷邁著小碎步離開了。然后我們開始總結(jié)一下這幾個(gè)故事啊。故事都聽懂了，但是這么簡(jiǎn)單的故事啥意思?。课ㄒ涣私獾降木褪亲髡吆苄踹?。

那你看看下面這個(gè)啊——

狂拽<b>酷炫</b>掉渣天

你現(xiàn)在想的一定是—— 你丫再絮叨我抽你！

換個(gè)括號(hào)就想再說一遍？？？當(dāng)然了，這次的背景不錯(cuò)……

可是我就再絮叨一句啊～

剛才這就是標(biāo)準(zhǔn)的網(wǎng)頁(yè)代碼了啊，他難嗎？

本章學(xué)習(xí)卡片：卡片 3

本書是收費(fèi)的，不過交費(fèi)憑自覺。價(jià)格定義為每人請(qǐng)我喝一杯咖啡（哪種品質(zhì)的咖啡隨意），支付寶賬號(hào)：

alay9999@163.com （劉源）

為了讓大家閱讀方便，本書將在如下站點(diǎn)發(fā)布，但最終內(nèi)容以主站為準(zhǔn)：

• 主站首發(fā)： http://coffee.zji.me/
• Gitbook: http://codeme.gitbooks.io/easy-web-code-book/
• 簡(jiǎn)書： http://www.jianshu.com/users/d37eaf3de0ff
• 站酷： http://www.zcool.com.cn/u/12927742

未經(jīng)本人許可，禁止任何形式轉(zhuǎn)載。相關(guān)事宜請(qǐng)聯(lián)系： dms@zji.me