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><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>Novel Center</title></Head><Body><P> <H1Align= "Center">The first book in the rankings</H1> <Divstyle= "WIDTH:334PX;HEIGHT:387PX; text-align:center;"> <DivID= "header"style= "Background-color:cornflowerblue"><H2Align= "Center">Login</H2></Div> <DivID= "Content"style= "Background-color:darkgrey"> <form>Username:<inputtype= "text"name= "FirstName"placeholder= "Please enter user name"><BR>Password:<inputtype= "Password"name= "Password"placeholder= "Please enter password"><BR> <inputtype= "Radio"name= "Role"value= "Stu">Student<inputtype= "Radio"name= "Role"value= "Tea">Teacher<BR> <inputtype= "checkbox"value= "true"><span>Remember Me</span><ahref="">Logon encounters a problem</a><BR> <inputtype= "button"value= "Login"onclick= "alert (' Login verification ')"> </form> </Div> <DivID= "Footer"style= "Background-color:cornflowerblue;text-align:center;"><I>Copyright @006 Kiki</I></Div> </Div> <Div> <Select> <option>Collection</option> <option>Likes</option> <option>Comments</option> <option>Play Rewards</option> </Select> <ul> <Li>Author rankings</Li> <Li>List of Works</Li> </ul> <ol> <Li>Favorite Leaderboard</Li> <Li>Review rankings</Li> <Li>Likes leaderboard</Li> <Li>List of Rewards</Li> </ol> <DL> <DT>Favorite novel</DT> <DD>Fantasy</DD> </DL> </Div><BR><HR> <Div> <PAlign= "Center"> <imgsrc= "https://qidian.qpic.cn/qdbimg/349573/1209977/180"> </P> </Div> <Div> <PAlign= "Center"> <ahref= "https://book.qidian.com/info/1209977"><imgsrc= "URL"alt= "Bucket Break the Sky"></a> </P> </Div></P></Body></HTML>
Job 14--web Basics, creating Web pages with HTML elements