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

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>试衣间</title>
    </head>
    
        <h1 align="center">欢迎来到试衣间</h1>
            <p>这是你的样子</p>
            <a href="https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=猪八戒&hs=2&pn=1&spn=0&di=134046700480&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&ie=utf-8&oe=utf-8&cl=2&lm=-1&cs=600054699%2C2222709344&os=2039461940%2C2476698247&simid=3218489164%2C3810557342&adpicid=0&lpn=0&ln=30&fr=ala&fm=&sme=&cg=&bdtype=0&oriquery=猪八戒&objurl=http%3A%2F%2Fpic.qiantucdn.com%2F58pic%2F17%2F93%2F74%2F44B58PICinp_1024.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fooo_z%26e3Bcbrtv_z%26e3Bv54AzdH3Frf1AzdH3F80ln0999_z%26e3Bip4s&gsm=0" target="_blank">请点击</a>
            <br>
            <img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2540184350,1756533433&fm=27&gp=0.jpg" width="300" height="400" >
    <div id="container" style=" 400px" >
        <div id="header" style="background-color: #dc534f"><h2 align="center">登陆</h2></div>
        <div id="content">
            用户名<input type="text"name="user"><br>
            密 码<input type="password"name="password"><br>
            老师<input type="radio"> 学生<input type="radio"><br>
            <input type="checkbox"><span>记住我</span><a href="">登陆不进?</a><br>
            <input type="button" value="登录" onclick="alert('登陆成功')">
            </form>
        </div>
        <div>
            <select>
                <option>点赞</option>
                <option>打赏</option>
                <option>转发</option>
            </select>
            <ul>
                <li>idel</li>
                <li>python</li>
            </ul>
        </div>
        <div id="footer" style="background-color: aqua"><h3 align="center">版权</h3></div>
    </div>
    </body>
    </html>
    

      

  • 相关阅读:
    一份面试题+整理的答案
    java获取本机IPV4地址,非127.0.0.1
    List去重
    禁止iframe页面时产生历史记录
    js打开新窗口并且不被拦截
    ifream 跨域实现高度自适应
    css版tooltip
    jQuery遮罩插件 jQuery.blockUI.js
    SpringMVC 传递相同名称的参数
    SpringMVC接收List型参数
  • 原文地址:https://www.cnblogs.com/Sun584125503/p/7680126.html
Copyright © 2011-2022 走看看