利用HTML制作一个简单的界面（工具HBuilder）

2021-05-06 23:29

阅读：625

标签：htm password 部分 pad input style href mic copy

DOCTYPE html>
html>
    head>
        meta charset="UTF-8">

        title>title>

    head>
    body>


            header>
        h1>a href="#">img src="../img/163logo.gif" alt="logo"/>a>h1>
        p>
            a href="#">免费邮a>
            a href="#"> 企业邮a>
            a href="#">VIP邮箱a>
            a href="#">帮助a>
        p>
    header>


    section>
        div>
            img src="../img/imap.jpg" alt=""/>
            ul>
                li>163/126/yeah三大免费邮箱均默认开放li>
                li>全面支持iPhone/iPad及Android等系统li>
                li>客户端、手机与网页，实现发送、阅读邮件li>
            ul>
            a href="#">img src="../img/loginIcon.gif">普通登录 a>
        div>
        form action="#" method="get">
            p>
                用户名：
                input type="text" name="userName"/>
                @163.com
            p>
            p>
                密码：
                input type="password" name="psw"/>
            p>
            p>
                版本：
                select name=""version id="">
                    option value="">默认option>
                    option value="2018">2018option>
                    option value="2017">2017option>
                    option value="2016">2016option>
                    option value="2015">2015option>
                select>
            p>
            p>
                input type="checkbox" value="autoLogin"/>自动登录
                input type="checkbox" value="ssl" checked/>SSL
            p>
            input type="submit" value="登录"/>
            input type="submit" value="注册"/>
        form>
    section>


    footer>
        img src="../img/netease_logo.gif" alt=""/>
        a href="#">关于网易a>
        a href="#">免费邮 a>
        a href="#">官方博客a>
        a href="#">客户服务 a>
        a href="#">隐私政策a>|
        a href="#">网易公司版权所有  © 2015-2018a>
    footer>
    body>
html>