Observe the HTML elements of commonly used Web pages, and use the learned tags to mimic the actual application scenarios.
Make a login page with Div,form and do it as beautifully as possible.
Practice using the drop-down list selection box, the unordered table, the list of sequences, and the definition lists.
<! DOCTYPE html> "en"> "UTF-8"> <title> siu wo house </title> "Center"> Siu wo house "Center"> Welcome to Siu wo House "Container"style="width:400px"> <div id ="Header"style="Background-color:aqua"><H2 align="Center"> login "Container"> <form>User name:<input type="text"Name="username"Placeholder="Please enter user name"><br>Password:<input type="Password"><br> <input type="Radio"Name="role"Value="Stu">I'm a student .<input type="Radio"Name="role"Value="Tea">I'm a teacher .<br> <input type="checkbox"Value="true"><span> Remember me </span> <a href=""> Login Problems </a><br> <input type="Button"Value="Login"onclick="Aler (' Login verification ')"> </form> </div><br> <div id ="Footer"style="Background-color:aqua"><i align="Center"> Copyright @mis15</i></div> <div> <select> <option> Collection </opt ion> <option> likes </option> <option> comments </option> </s elect> <ul> <li>python</li> <li>html</li> <li>java</li> </ul> </div> </div> <p align="Center"> Siu wo House menu </p> <div> <p align="Center"> "https://wx4.sinaimg.cn/mw690/7e33d90agy1fkglgyxx9tj20p40zkgvw.jpg"alt="x"height=" the"Width=" the"> </p> </div></body>
Operation Result:
Web base, creating Web pages with HTML elements