練習:
使用純html實現(xiàn)考試頁面(不使用任何css/js),使用正確合適的標簽做出如下的頁面效果。內(nèi)容需要完全一樣,但頁面樣式僅供參考:
試卷
分析
按內(nèi)容將頁面劃分:
-
整個頁面的header,剩下的由于都有提交的部分,放到一個form中,作為一個article:
整體header -
在form/article中,把這部分當作header,因為題目無論怎么換,個人信息都需要填:
article中的header -
剩下的題目,按大題分成section,沒過section中用
<ol>承載題目:
article中的section -
最后,提交按鈕作為article/form的footer:
article中的footer
那么頁面的整體結(jié)構(gòu)如下:

頁面結(jié)構(gòu)
結(jié)果
簡書markdown編輯器太兇殘了,我就不粘代碼了,整體代碼在這里,還有效果。
html文件中的標簽比較多,主要是為了兼顧下個練習中對CSS的使用。




