web基础,用html元素制作web页面
观察常用网页的HTML元素,在实际的应用场景中,用已学的标签模仿制作。
用div,form制作登录页面,尽可能做得漂亮。
练习使用下拉列表选择框,无序列表,有序列表,定义列表。
<h1 align="center">欢迎您的到来</h1>
<h2 i="2015">2015</h2>
<div id="container"style="width: 400px">
<div id="header"style="background-color: aqua"><h2 align="center" >欢迎登录</h2></div>
<div id="content"style="background-color: coral";height:150px,width:400px;float:left>
<from>
用户名:<input type="text"name="username"placeholder="请输入用户名"><br>
密码:<input type="password">
<input type="radio"name="role"value="stu">学生
<input type="radio"name="role"value="tea">老师
<br>
<input type="checkbox"value="true">记住我
<input type="button"value="登录";onclick="alert('登录')">
<input type="button"value="退出">
</from>
</div>
<div id="footer"style="background-color: burlywood"><p align="center" ><i>版权@</i></div>
</div>
<div>
<select>
<option>收藏</option>
<option>点赞</option>
<option>评论</option>
</select>
<ul>
<li>广商图书馆</li>
<li>广商教学楼</li>
</ul>
<ol>
<li>一教</li>
<li>二教</li>
<li>三教</li>
</ol>
<d1>
<dt>一教</dt>
<dd>广商</dd>
<dt>四教</dt>
<dd>康大</dd>
</d1>
</div>