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>"en">"UTF-8"> <title> Book Management system login </title>"Http://news.gzcc.cn/2016/images/banner.png"></p><div id="Container"style="width:400px"> <div id="Header"style="Background-color:blue;"><H2 align="Center"style="margin-bottom:0;">Login"content"style="background-color: #EEEEEE; height:150px;width:400px;float:left;"> <form action="">User:<input type="text"Name="User"><br>Password:<input type="Password"Name="Password"> <br><input type="Radio"Value="Teachers">Teachers<input type="Radio"Value="Student">Student<input type="Radio"Value="Visitor"> Visitors <br> <input type="Button"Value="Login"> <input type="Button"Value="Cancel"> </form><div id="Container"style="width:400px"> <div id="Header"style="Background-color:blue"><H2 align="Center"style="margin-bottom:0;"> Search "content"style="Background-color:cornflowerblue;height:250px;width:400px;float:left;"> <form align="Center"> <Select> <option> Book Types </option> <option> book numbering </option> < Option> Book Attribution </option> </Select> </form> <ul> <li> Natural Science category </li> <li> Humanities </li> </ul> <ol> <li> Computer Science and Technology < /li> <li>java programming language </li> <li>web network architecture </li> <LI&G T Python Network data acquisition </li> </ol> </div> <div id="Footer"style="Background-color:blue;clear:both;text-align:center;"> Copyright? Xyjie</div></div>
Web base, creating Web pages with HTML elements