今天我們來做一個HTML小測試,看看大家對HTML的掌握情況如何。
<!DOCTYPE html> <html> <head> <title>HTML小測試</title> </head> <body> <h1>請選擇正確的選項</h1> <form> <p>1. HTML是什么?</p> <input type="radio" name="q1" value="a" id="q1a"> <label for="q1a">A. 常用的編程語言</label><br> <input type="radio" name="q1" value="b" id="q1b"> <label for="q1b">B. 超文本標記語言</label><br> <input type="radio" name="q1" value="c" id="q1c"> <label for="q1c">C. 數據庫管理系統</label><br> <p>2. 下面哪個標簽表示段落?</p> <input type="radio" name="q2" value="a" id="q2a"> <label for="q2a">A. <div></div></label><br> <input type="radio" name="q2" value="b" id="q2b"> <label for="q2b">B. <p></p></label><br> <input type="radio" name="q2" value="c" id="q2c"> <label for="q2c">C. <span></span></label><br> <p>3. 下面哪個標簽表示鏈接?</p> <input type="radio" name="q3" value="a" id="q3a"> <label for="q3a">A. <link></link></label><br> <input type="radio" name="q3" value="b" id="q3b"> <label for="q3b">B. <a></a></label><br> <input type="radio" name="q3" value="c" id="q3c"> <label for="q3c">C. <img></img></label><br> <input type="submit" value="提交"> </form> </body> </html>
上面的代碼是一個簡單的多選題,包含三個問題,每個問題有三個選項。它使用了HTML的常用標簽,如<form>、<p>、<input>等。我們可以通過結合CSS和JavaScript來美化和驗證答案。
HTML是Web開發的基石,掌握好它可以幫助我們更好地創建優秀的網站和Web應用。希望大家喜歡這個小測試,同時也能對HTML有更深入的了解。
上一篇vue form 下載
下一篇vue form 關系