任務描述

今天我們先暫時不用第一天讓你安裝的IDE，我們先暫時使用 codepen 作為我們的開發工具，開啟 codepen，建立一個新的頁面（Create->New Pen）。它有三個程式碼編寫的視窗，分別是HTML，CSS，JS，下方是一個預覽效果的視窗。我們今天只會涉及到 HTML 和 CSS。

然後我們在 HTML 視窗中開始輸入一些內容吧，我們假設現在要為自己建立一個線上簡歷，那簡歷都包含什麼呢？給一些參考：

• 包括“簡歷”兩個字
• 你的姓名，有可能只有姓名，有可能是 姓名：張三 這樣的模式
• 你的各種聯絡方式，比如：手機：18600000000，郵箱：[email protected]
• 你的學歷，比如：本科：百度前端學院
• 專案經驗，比如：專案A：專案時間：2017.1-2017.8，專案描述：在專案A中負責了xxxxx

驗證

來最後小驗證一下，你是否能流暢地回答以下問題：

• HTML是什麼，HTML5是什麼。
• HTML元素標籤、屬性都是什麼概念？標籤是定義的根本，屬性可能定義了標籤的表現形式，可能綁定了id，還可能給標籤內容新增樣式。
• 文件型別是什麼概念，起什麼作用？定義了文件的編寫標準，制定了瀏覽器渲染的方式。
• meta標籤都用來做什麼的？頁面資訊的定義位置。
• Web語義化是什麼，是為了解決什麼問題。方便理解，方便人和計算機理解。
• 連結是什麼概念，對應什麼標籤？指向網頁之外的資源。
• 常用標籤都有哪些，都適合用在什麼場景。連結a,段落p，容器div,節section，標題header,頁尾footer,h1-h6等。
• 表單標籤都有哪些，對應著什麼功能，都有哪些屬性
• ol, ul, li, dl, dd, dt等這些標籤都適合用在什麼地方：舉個例子。列表、定義列表，現在看，用在簡歷當中正好！

不知道驗證完了是興高采烈充滿自信，還是覺得前面白學了？兩種結果都是有價值的，發現還有不會的地方，就再重新去看材料吧。

今天學習消耗一個小時，對meta標籤瞭解不夠透徹。

ul li應該在簡歷的各個條目這個環節使用。當然dl dt dd用在這個環節更好。

<dl>
    <dt>聯絡方式</dt>
    <dd>手機：18800000000</dd>
    <dd>電子郵件：[email protected]</dd>
    <dd>主頁：www.00xxxx.com</dd>
</dl>