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

2021-05-23 20:30

阅读：846

标签：页面 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>