首页 / HTML / web基础，用html元素制作web页面

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了web基础，用html元素制作web页面，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2419字，纯文字阅读大概需要4分钟。

内容图文

 

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

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

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

  <!DOCTYPE html>
            <html lang="en">
         <head>
       <meta charset="UTF-8">
             <title>login in</title>
            </head>
                  <body>
                          <div  id="container" style="width:400px " >
                   <div id="header" style="background-color:skyblue;"><h2 align="center" style="margin-bottom:0;">用户登录</h2></div>
            <div class="login_con_left">
                <div class="ewm_img">
                    <img src="/pcsrc/images/login_left_bg.jpg" class="image">
                    <a href="https://itunes.apple.com/app/apple-store/id910606347?pt=117124017&amp;ct=msite_appbutton&amp;mt=8" class="down_btn down_ios" target="_blank"></a>
                    <a href="https://owhat.cn/download/owhat.apk" class="down_btn down_andriod" target="_blank"></a>
                </div>
            </div>
                              <div id="header" style="background-color: skyblue"><h2 align="center"

                               <div class="login_con_right">
                               <section class="loginform ">
                               <section class="loginform_mid"><!--loginForm 输入框-->
                               <span id="logo_ani"><img src="https://qimage.owhat.cn/mobile/resource/login_ogirl@3x.gif" class="image"></span>
                              <section class="loginNei">
                             <div class="each_ipt">
                            Username:<input type="text" name="user"><br>
                              Password:<input type="password" name="password"><br>
                           <br><input type="radio">老用户
                           <input type="radio">新用户<br>
                            <br><input type="button"value="登录">
                            <input type="button"value="注册">

                               <div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">版权 ? duym</div>
</div>
  <form>
                    <div id="header" style="background-color: yellow">
                    <select>
                    <option>choose</option>
                    <option>收藏</option>
                    </select>
</form>
<ul>
    <li>日常监控</li>
    <li>日常管理</li>
    <li>主持管理</li>
    <li>入门教程</li>
    <li>活动资料</li>
</ul>
<ol>
    <li>日常监控</li>
    <li>日常管理</li>
    <li>主持管理</li>
    <li>入门教程</li>
    <li>活动资料</li>
</ol>
 <dl>
        <dt>选择</dt>
        <dd><a href="http://xyq.163.com/mp006.html" target="_blank">吴亦凡</a>、Kris wu、</a></dd>
    </dl>
</body>
</html>

 技术分享

技术分享

原文：http://www.cnblogs.com/lishanting/p/7660376.html

内容总结

以上是互联网集市为您收集整理的web基础，用html元素制作web页面全部内容，希望文章能够帮你解决web基础，用html元素制作web页面所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1182057.html

来源：【匿名】