前面我們已經(jīng)用html實(shí)現(xiàn)了列表和表格垒玲，戳這里列表實(shí)現(xiàn)陆馁、表格實(shí)現(xiàn)。
今天合愈，我們的任務(wù)是設(shè)計(jì)這樣一張?jiān)嚲恚?/p>
目標(biāo)圖
分析：
這張?jiān)嚲泶笾驴梢苑譃橐韵掳藗€(gè)部分：試卷名叮贩、考試和考生信息、填空題佛析、選擇題益老、多選題、判斷題寸莫、簡(jiǎn)答題以及計(jì)算分?jǐn)?shù)提交按鈕捺萌。這幾個(gè)部分可以用section的形式羅列，在填空題膘茎、選擇題桃纯、多選題、判斷題披坏、簡(jiǎn)答題這幾個(gè)部分里分別還有各自的小問(wèn)題态坦，這里可以用有序列表來(lái)實(shí)現(xiàn)上圖中的縮進(jìn)效果。
- 對(duì)于試卷中標(biāo)題標(biāo)簽的選擇
標(biāo)題（Heading）是通過(guò)````<h1>-<h6>等標(biāo)簽進(jìn)行定義的,<h1>定義最大的標(biāo)題,<h6>定義最小的標(biāo)題棒拂。并且在標(biāo)題的前后瀏覽器會(huì)自動(dòng)地添加空行伞梯。 根據(jù)實(shí)際效果，這張?jiān)嚲砝镏闾耄瑯?biāo)題選<h1>,每個(gè)章節(jié)名選<h3>```. - 試卷中換行的實(shí)現(xiàn)
<br>標(biāo)簽定義換行谜诫，<br>是沒(méi)有關(guān)閉標(biāo)簽的空元素，而在 XHTML攻旦、XML 以及未來(lái)版本的 HTML 中喻旷，所有元素都必須被關(guān)閉。因此即使目前<br>在所有瀏覽器中都是有效的敬特，但從長(zhǎng)遠(yuǎn)上來(lái)講掰邢，我們推薦使<br />（在開(kāi)始標(biāo)簽中添加斜杠，比如<br />伟阔，即可關(guān)閉空元素）。 - 試卷中輸入框的選擇
<input type="text"/> 文本框
<input type="radio" name="single1"/> 單選框
<input type="checkbox"> 復(fù)選框
<textarea></textarea> 文本區(qū)域
其中需要注意的是掰伸，當(dāng)input的type=“radio”時(shí)皱炉，需要加上相同的name屬性才能實(shí)現(xiàn)單選。
廢話不多說(shuō)狮鸭，直接上github吧合搅。
