zoukankan      html  css  js  c++  java
  • web基础,用html元素制作web页面

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

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

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

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>奇怪的登录系统</title>
    </head>
    <body>
    <h1>奇怪的登录系统</h1>
    
    <div id="container" style=" 300px">
    <div id="header" style="background-color: green"><h2 align="center">不知道干嘛的登陆界面</h2></div>
    <div id="content">
        <form>
    账号:<input type="text" placeholder="请输入账号"><br>
            密码:<input type="text" placeholder="请输入密码">
            <br>
            <input type="radio" value="stu">学生
            <input type="radio" value="tea">老师
    <br>
            <input type="checkbox" value="true">记住我
           <p align="center"> <input type="button" value="login"> </p>
    
    
    
    </form>
    </div>
    
    <div id="footer" style="background-color: green"><h3 align="center">版权666</h3></div>
           <p align="center">
            <select>
            <option>求收藏</option>
            <option>求点赞</option>
            <option>求好评</option>
    
        </select>
           </p>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
    
        </ul>
        <ol>
             <li>a</li>
            <li>b</li>
            <li>c</li>
        </ol>
     </div>
    </body>
    </html>

  • 相关阅读:
    USACO Section 2.2 Subset Sums
    九度 1399 名侦探柯南
    九度 1416 猴子吃坚果
    pch文件的使用(原作者太逗了)
    线程同步
    extern "c"
    进程与线程
    排序算法代码汇总
    Linux Shell 常用命令与目录分区的学习总结 (开始学习linux)
    堆和栈
  • 原文地址:https://www.cnblogs.com/GAODASHANG/p/7683720.html
Copyright © 2011-2022 走看看