1.任務目的:
使用純html實現(xiàn)考試頁面(不使用任何css/js,不要使用table
布局),使用正確合適的標簽做出如下的頁面效果。內容需要完全一樣,但頁面樣式
2.任務過程:
步驟一:觀察試卷要求,確定需要使用的標簽包括有列表標簽以及所有的表單內容。首先進行題目以及考生信息的內容填寫,當需要輸入時,我選擇使用單行輸入< input>,type="text" ,以此來進行考生信息的填寫。
代碼>
Paste_Image.png
運行結果>
Paste_Image.png
步驟二:進行大題題目的編寫。當我需要使用有序列表時發(fā)現(xiàn)有序列表的序號沒有漢子樣式(即type沒有“一”)。所以我放棄使用有序列表,改成使用普通標題的形式。接下來就是一道大題一道大題的進行標簽搭建。首先是第一大題。
代碼>
Paste_Image.png
運行結果>
步驟三:接下來進行選擇題的編寫。使用的標簽內容都有表單的輸入type為"radio",name起成一樣的,在外部使用有序列表標簽。多項選擇題則使的type則用"checkbox“,(判斷題同單選題)
代碼
Paste_Image.png
運行結果

Paste_Image.png
步驟四:填空題,使用< textara >標簽即可。最后使用type為"submit"的input進行分數(shù)計算。value為”計算分數(shù)“。最后的最后使用< hr>標簽進行分隔線。
代碼
Paste_Image.png
運行結果
Paste_Image.png
源代碼以及結果
源代碼
Paste_Image.png
Paste_Image.png
結果
Paste_Image.png









