码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-10-17 12:38:36      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:登录   .com   log   login   技术   button   href   idt   tps   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>喵喵</title>
</head>
<body>
<p>
    <h1 align="center">云吸猫</h1>
    <h2 id="2015">2015</h2>

    <div id="container" style="width: 400px">
        <div id="header" style="background-color:lightcoral"><h2>登录</h2></div>
        <div id="content"></div>
            <form>
                用户名:<input type="text" name="username"><br>
                密码:<input type="password" name="password"><br>
                <input type="radio" name="role" value="游客">游客
                <input type="radio" name="role" value="用户">用户<br>
                <input type="checkbox" value="true"><span>记住我</span> <a href="">登录遇到问题<br></a>
                <input type="button" value="login" onclick="alert(‘登录验证‘)">
            </form>

        <div id="footer" style="background-color: lightcoral"><i>版权@喵喵</i></div>
        <select>
            <option>著名歌曲</option>
            <option>表情包</option>
        </select>
        <ul>
            <li>著名歌曲</li>
            <li>表情包</li>
        </ul>
        <ol>
            <li>表情包</li>
            <li></li>著名歌曲
        </ol>
    </div>
    <a href="#2">2</a>
<br>
<hr>
    <div>
        <p align="center">
            <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1507876924145&di=43f0034f8459a83d58b5c0c6a9e937f8&imgtype=0&src=http%3A%2F%2Fimage.thepaper.cn%2Fwww%2Fimage%2F5%2F474%2F784.jpg">
        </p>
    </div>
    <div>
        <p align="center">
            <a href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1507876924145&di=43f0034f8459a83d58b5c0c6a9e937f8&imgtype=0&src=http%3A%2F%2Fimage.thepaper.cn%2Fwww%2Fimage%2F5%2F474%2F784.jpg"><img src="URL" alt=""> </a>
        </p>
    </div>
</p>
</body>
</html>

技术分享

 

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

标签:登录   .com   log   login   技术   button   href   idt   tps   

原文地址:http://www.cnblogs.com/qianshu/p/7680172.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!