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.
Observe the HTML elements of commonly used Web pages, and use the learned tags to mimic the actual application scenarios.
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>mis0069</title></Head><Body> <DivID= "Container"style= "width:400px;"> <DivID= "header"style= "Color:gray;"><H2Align= "Center"style= "margin-bottom:0;">Login</H2></Div> <DivID= "Content"style= "background-color:aliceblue;height:150px; width:400px;float:left;"> <form>Username:<inputtype= "text"name= "Fitstname"placeholder= "Please enter user name" ><BR>Password:<inputtype= "Password"name= "Code"placeholder= "Please enter password"><BR> <inputtype= "Radio"checked= "Checked"name= "a"value= "Stu">Student<inputtype= "Radio"name= "a"value= "Teacher">Teacher<BR> <inputtype= "Submit"name= "BUT1"value= "Login"> <inputtype= "Reset"name= "But2"value= "Reset"> </form> <DivID= "Footer"style= "Background-color:aliceblue;clear:both;text-align:center;">Welcome to the login system</Div> </Div> <DivID= "Container1"style= "width:400px;"> <DivID= "Header1"style= "Color:gray;"><H2Align= "Center"style= "margin-bottom:0;">Search</H2></Div> <DivID= "Content1"style= "background-color:bisque;height:260px; width:400px;float:left;"> <form> <Select> <option>Please select</option> <option></option> </Select> </form> <ul> <Li>Professional and curriculum construction</Li> <Li>Talent Training Program</Li> <Li>Department Building</Li> <Li>Teaching communication</Li> <Li>Teacher Skills Competition</Li> </ul> <ol> <Li>No sequence table 1</Li> <Li>No sequence table 2</Li> </ol> <DivID= "Footer1"style= "Background-color:bisque;clear:both;text-align:center;">Welcome to the search system</Div> </Div> </Div></Body></HTML>
Web base, creating Web pages with HTML elements