奋斗在阿尔卑斯的皮卡丘
奋斗在阿尔卑斯的皮卡丘

作业二：百度注册页面

作业二：百度注册页面_第1张图片


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <style>
        div img{
            width: 135px;
            vertical-align: -11px;
        }
        form input{
            width: 400px;
            height: 30px;
        }

        .box{
            width: 198px;
        }

        .wrap{
            height: 35px;
        }
        input[type=checkbox]{
            width: 15px;
            height: 15px;
            vertical-align: -2px;
        }
        .box1 a{
            font-size: 12px;
        }
        input[type=submit]{
            background: dodgerblue;
        }
        a{
            /*去下划线*/
            text-decoration: none;
        }
    style>
head>
<body>
    <div>
        <a href="http://www.baidu.com"><img src="https://www.baidu.com/img/bd_logo1.png" alt="">a>
        <span>| 注册百度账号span>
    div>
    <form action="">
        <p>用户名 <input type="text" name="user" placeholder="请设置用户名">p>
        <p>手机号 <input type="text" name="phone" placeholder="可用于登录和找回密码">p>
        <p>密 码 <input type="password" name="psw" placeholder="请设置登录密码">p>
        <p>验证码
            <input type="text" name="yanzhengma" placeholder="请输入验证码" class="box">
            <input type="button" value="获取短信验证码" class="box wrap" style="width: 195px; height: 36px;">
        p>
        <p class="box1">   
            <input type="checkbox">阅读并接受<a href="">《百度用户协议》a>及<a href="">《百度隐私保护声明》a>
        p>

        <p>  
            <input type="submit" value="注册">
        p>
    form>
body>
html>

p标签下面不要写p标签


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
    <p>666
        <p>888p>
    p>
body>
html>

作业二：百度注册页面_第2张图片

你可能感兴趣的:(web前端)