web基础,用html元素制作web页面

2021-05-23 20:30

阅读:847

标签:页面   ack   sel   option   模仿   pre   inpu   常用   color   

观察常用网页的HTML元素,在实际的应用场景中,用已学的标签模仿制作。

用div,form制作登录页面,尽可能做得漂亮。

练习使用下拉列表选择框,无序列表,有序列表,定义列表。

DOCTYPE html>
html lang="en">
head>
    meta charset="UTF-8">
    title>MIS测试平台title>
head>
body>
h1 align="center">MIS测试平台h1>
hr>
div style="width: 400px">
    div id="header" style="background-color: deepskyblue">h1 align="center">登陆h1>div>
    div id="body">
        p>用户名:input name="username" type="text">p>
        p>密   码:input name="password" type="password">p>
        d1>input name="radioBm" type="radio" value="部门">部门
        input name="radioStu" type="radio" value="学生">学生
        input name="radioTea" type="radio" value="教师">教师
        input name="radioFk" type="radio" value="访客">访客 br>d1>
        input name="cheakbox" type="checkbox" checked="checked">记住我br>
        input name="login" type="button" value="登陆" style="width: 60px" align="center">
    div>
    div id="footer" style="background-color: deepskyblue">h3 align="center">i>版权@MISi>h3>div>
div>
div>
    ul>
        li>肯德基li>
        li>麦当劳li>
        li>德克士li>
        li>真功夫li>
    ul>
div>
div>
    ol>
        li>百事可乐li>
        li>可口可乐li>
        li>美年达li>
        li>美汁源li>
    ol>
div>
select>
    option>农夫山泉option>
    option>怡宝option>
    option>百岁山option>
select>
body>
html>

技术分享

 

web基础,用html元素制作web页面

标签:页面   ack   sel   option   模仿   pre   inpu   常用   color   

原文地址:http://www.cnblogs.com/Naiky/p/7683835.html


评论


亲,登录后才可以留言!