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> Search Encyclopedia </title>" ."align="Center">hello, Welcome to Guangzhou Business School!"Center"> </p>" ."align="Center"> Please enter the educational system of Guangzhou Business School "width:400px"align="Center"A> <div id="Header"style="background-color:indianred"><H2 align="Center"> Login "content"style="Background-color:beige"> <form>Username:<input type="text"Name ="FirstName"Placeholder="Please enter user name"><br>Password:<input type="Password"Name ="pwd"Placeholder="Please enter your password"><br> <input type="Radio"Name ="role"Value="Stu">Student<input type="Radio"Name ="role"Value="Tea">Teacher<br> <input type="checkbox"> Remember me </span><a href=""> Login Problems </a><br> <input type="Button"Value="Login"> <br> <aclass="Link-forget Cl-link-blue"href="get_password.html"> Forgot password </a> <aclass="Link-forget Cl-link-blue"href="Index.php?type=login"> New User Registration </a> </form> </div> <div id="Footer"style="background-color:indianred"><p align="Center"><i> Copyright @daili18</i></p></div></div></div> <div> <select> <option> favorites </option> <option> likes </option> <option> comments </option> </select> <ul> <li> College rankings </li> <li> faculty </li> &L t;/ul> <ol> <li> Information Institute </li> <li> Finance Institute </li> <LI> , Foreign Languages College </li> </ol> <dl> <dt>"Center"> Campus News "Center"> </p> </div> <div> <p align="Center"> <a href=http://www.gzcc.cn/"></a></p> <p align="Center"> <a href=http://news.gzcc.cn/html/2017/xiaoyuanxinwen_1012/8314.html"> new Board of Directors of our school was set up </a></p> </div></body>
The results are as follows:
Web base, creating Web pages with HTML elements (2017.10.17)