web第二次作业

最新推荐文章于 2024-08-02 13:35:44 发布
最新推荐文章于 2024-08-02 13:35:44 发布
阅读量155 收藏
点赞数 1
文章标签： 前端 css css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_70687916/article/details/137022078
版权

1.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
    <style>
        table {
            width: 25%;
            border-collapse: collapse;
        }
        th, td {
            text-align: center;
            border: 1px solid black;
            padding: 2px;
        }
    </style>
</head>
<body>
    <form action="#" >
    <table style="background-color: darkgray;" border="1">
        <tr>
            <td colspan="2" style="background-color: rgb(123, 121, 121);">用户注册 </td>
        </tr>
        <tr>
            <td><p>
                <label for="username">username</label>
            </p></td>
            <td><p>
                <input type="text" name="username" id="username">
            </p></td>
        </tr>
        <tr>
            <td><p><label for="password">password</label></p></td>
            <td><p><input type="password" name="password" id="password"></p></td>
        </tr>
        <tr>
            <td>sex</td>
            <td><p>
                <input type="radio" name="1" value="boy" checked="checked">boy
                <input type="radio" name="1" value="girl">girl
            </p></td>
        </tr>
        <tr>
            <td>hobby</td>
            <td><p>
                <input type="checkbox" name="hobby" value="写作">写作
                <input type="checkbox" name="hobby" value="看书">看书
                <input type="checkbox" name="hobby" value="体育">体育
            </p></td>
        </tr>
        <tr>
            <td>省份</td>
            <td><p>
                <select name="adderss" id="adderss">
                    <option value="  ">  </option>
                    <option value="西安">西安</option>
                    <option value="北京">北京</option>
                    <option value="上海">上海</option>
                    <option value="深圳">深圳</option>
            </select>
            </p></td>
        </tr>
        <tr>
            <td>self-introuducation</td>
            <td><p>
                <textarea name="textarea" id="textarea" cols="30" rows="10"></textarea>
            </p></td>
        </tr>
        <tr>
            <td colspan="2" style="background-color: rgb(123, 121, 121);"><p>
                <input type="submit" value="注册">
                <input type="reset"  value="重置">
            </p></td>
        </tr>

    </table>
</form>
</body>
</html>

2.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>QQ注册</title>
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            text-align: center;
            border: 1px solid white;
            padding: px;
        }
    </style>
</head>
<body>
    <form action="#">
    <table>
        <tr>
            <td rowspan="10"><img style="width: 300px;" src="./img/qq注册.png" alt="qq注册" title="qq注册"></td>
            <td></td>
            <td>qq靓号</td>
            <td><p>
                <select>
                    <option value="简体中文">简体中文</option>
                    <option value="繁体中文">繁体中文</option>
                </select>
            </p></td>
            <td>意见反馈</td>
        </tr>
            <td><span style="font-size: 24px;">欢迎注册QQ</span></td>
            
        </tr>
        <tr>
            <td> <span style="font-size: 18px;">每一天，乐在沟通。</span>
                <span style="font-size: 18px; color: aqua;">免费靓号</span></td>
        </tr>
        <tr>
            <td><input type="text" name="昵称" id="昵称" placeholder="昵称"></td>
        </tr>
        <tr>
            <td><input type="password" name="密码" id="密码" placeholder="密码"></td>
        </tr>
        <tr>
            <td><p>
                <select name="num" id="num">
                    <option value="+86">+86</option>
                    <option value="+12">+12</option>
            </select>
           <input type="number" name="num1" id="num1">
            </p></td>
        </tr>
        <tr>
            <td style="color: gray;">可通过手机号找回密码</td>
        </tr>
        <tr>
            <td><input type="image" src="./img/注册.png" alt="注册"></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="haha" checked="checked">我已阅读并同意相关隐私政策</td>
        </tr>
        <tr style="color: gray;"><td>copyright &copy; 1998-2022Tencent All Rights Resenvent</td></tr>

    </table>
</form>
</body>
</html>

3.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>qq登录</title>
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            text-align: center;
            border: 1px solid white;
            padding: px;
        }
    </style>

</head>
<body>
    <form>
        <table>
            <tr style="color: white; background-color: #1296db;" >
                <td colspan="3"><img style="width: 80px ;" src="./img/登录.png" alt="legin" title="legin"></td>
                <td>QQ登录</td>
                <td>授权管理</td>
                <td>申请接入</td>
            </tr>
            <tr> <td colspan="3" rowspan="2"><span style="font-size: 24px;">账号密码登录</span></td>
                 <td colspan="3">&nbsp;</td>
                 </tr>
                 <tr>
                    <td colspan="3">
                        <span style="font-size: 18px; color: #1296db;">腾讯网</span>
                        <span style="font-size: 18px;">将获得以下权限:</span>
                    </td>
                 </tr>
            <tr><td colspan="3" rowspan="2">
                <span style="font-size: 18px;">推荐使用</span>
                <span style="font-size: 18px; color: #1296db;">快速安全登录</span>
                <span style="font-size: 18px;">，防止盗号</span>
              </td>
              <td colspan="3">&nbsp;</td>
              
            </tr>
            <tr><td colspan="3"><input type="checkbox" name="haha" checked="checked">全选</td></tr>
            <tr><td colspan="3" rowspan="2">
                <input type="text" name="昵称" id="昵称" placeholder="支持QQ号/手机号/邮箱登录">
             </td>
            </tr>
            <tr>
                 <td colspan="3"><input type="checkbox" name="haha" checked="checked">获得您的昵称，头像，性别及会员信息</td>
            </tr>
            <tr>
                <td colspan="3" rowspan="2">
                    <input type="password" name="密码" id="密码" placeholder="密码">
                </td>
                <td colspan="3">&nbsp;</td>
            </tr>
            <tr><td colspan="3">
                    <span style="font-size: 13px;">授权后表明你已同意</span>
                    <span style="font-size: 13px; color: #1296db;">QQ登录服务协议</span>
                   
                  </td>
            </tr>
            <tr>
                    <td colspan="3"><input type="image" src="./img/授权并登录.png" alt="授权"></td>
            </tr>
            <tr>
                <td>忘记密码？</td>
                <td>注册新账号</td>
                <td>意见反馈</td>
            </tr>
        </table>
    </form>
</body>
</html>

4

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>sina</title><style>
        body {
            background-image: url('./img/蓝白jpg.jpg');
            background-size: cover; /* 背景图填充整个屏幕 */
        }
        table {
            width: 85%;
            border-collapse: collapse;
        }
        th, td {
            text-align: left;
            border: 1px ;
            padding: 8px;
        }
        .header{
            height: 100px;
        }
        .concent{
            height: 600px;
        }
        .footer{
            height: 200px;
        }
    </style>
</head>
<body>
    <form action="#">
    <div class="header"></div>
    <div class="concent">
    <table style="height: 600px;">
        <th>
        <tr style="color: aliceblue;">
            <td ><img style="width: 100px ;" src="./img/新浪.png" alt="logo" title="logo"></td>
            <td colspan="3">&nbsp;</td>
            <td>新浪首页</td>
            <td>帮助</td>
        </tr>
       </th>
       <tbody style="background-color:white;">
        <tr>
            <td>&nbsp;</td>
            <td >手机注册</td>
            <td>邮箱注册</td>
            <td>&nbsp;</td>
            <td colspan="2" rowspan="2">
                <span style="font-size: 13px;">已有帐号，</span>
                <span style="font-size: 13px; color: #1296db;">直接登录《</span>
            </td>
        </tr>
        <tr>
            
            <td rowspan="3"><img style="width: 50px;" src="./img/手机.png" alt="手机" title="手机"></td>
            <td colspan="3">手机号码：<input type="number" name="num1" id="num1"></td>
            
        </tr>
        <tr>
         
            <td colspan="2">
                <span style="font-size: 10px;">使用微博账号</span>
                <span style="font-size: 10px; color: #1296db;">直接登录</span></td>
            <td colspan="3" rowspan="5">&nbsp;</td>
        </tr>
        <tr>
            
            <td colspan="2">设置密码：<input type="password" name="密码" id="密码" placeholder="密码"></td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td colspan="3">兴趣标签：
                <input type="checkbox" name="hobby" value="新闻">新闻
                <input type="checkbox" name="hobby" value="娱乐">娱乐
                <input type="checkbox" name="hobby" value="文化">文化
                <input type="checkbox" name="hobby" value="体育">体育
                <input type="checkbox" name="hobby" value="IT">IT
                <input type="checkbox" name="hobby" value="财经">财经
                <input type="checkbox" name="hobby" value="时尚">时尚
                <input type="checkbox" name="hobby" value="汽车">汽车
                <input type="checkbox" name="hobby" value="房产">房产
                <input type="checkbox" name="hobby" value="生活">生活
            </td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td colspan="3">上发短信手机：
                <input type="text" name="message" id="message" readonly value="我要使用注册手机发送短信">
            </td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td  colspan="3"><span style="font-size: 12px; color: #1296db;">《新浪网络服务使用协议》</span></td>
        </tr>
        
        <tr>
            <td>&nbsp;</td>
            <td rowspan="3" colspan="3"><span style="font-size: 12px; color: #1296db;">《新浪个人信息保护政策》</span></td>
            <td colspan="2">&nbsp;</td>
        </tr>
    </tbody>
    </table>
    </div>
    <div class="footer">
        <table style="background-color: white;">
            <tr>
                <td><span style="font-size: 10px; color: #1296db;">新浪简介</span></td>
                <td><span style="font-size: 10px; color: #1296db;">About Sina</span></td>
                <td><span style="font-size: 10px; color: #1296db;">广告服务</span></td>
                <td><span style="font-size: 10px; color: #1296db;">联系我们</span></td>
                <td><span style="font-size: 10px; color: #1296db;">招聘信息</span></td>
                <td><span style="font-size: 10px; color: #1296db;">网站律师</span></td>
                <td><span style="font-size: 10px; color: #1296db;">STNA English</span></td>
                <td><span style="font-size: 10px; color: #1296db;">注册</span></td>
                <td><span style="font-size: 10px; color: #1296db;">产品答疑</span></td>

            </tr>
            <tr>
                <td colspan="9"><span style="font-size: 10px; color: #a9bfc9;">客服服务电话 400-052-0066 欢迎批评指正</span></td>
            </tr>
            <tr>
                <td colspan="9"><span style="font-size: 10px; color: #a9bfc9;">copyright &copy;1996-2020 STNT copyrightion,All Rights Resenved 新浪公司</span> 
                    <span style="font-size: 10px; color: #1296db;">版权所有</span></td>
            </tr>
        </table>
    </div>
   </form>
</body>
</html>

m0_70687916
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
web第二次作业.zip 表单设计，web前端
11-01
"web第二次作业.zip"这个压缩包文件似乎包含了关于Web前端开发中表单设计的学习资料，具体分为三个部分：2_files、1_files和电影网_files。下面将对这些知识点进行详细解释。 1. **HTML表单基础**： HTML表单是...
eduPrime:第二次作业
04-06
【标题】"eduPrime:第二次作业"所涉及的IT知识点主要集中在教育技术和在线学习平台的开发上。eduPrime可能是一个教育技术项目或者平台，而“第二次作业”则可能指的是该项目或平台中的一个阶段性的开发任务或者是...
Python课程第二次作业.zip
06-14
这份"Python课程第二次作业.zip"文件很显然是针对正在学习Python的大学生们准备的一份资源，旨在帮助他们巩固课堂所学，提高编程技能。其中的"ljg_resource"可能包含了各种练习题、代码示例、解释文档或者教学资料，...
第二次大作业.zip
11-30
很抱歉，但根据您提供的信息，"第二次大作业.zip" 和 "提交版" 并没有具体指出任何特定的IT知识点。这些信息更像是一个学生作业或项目提交的名称，而不是一个包含详细技术内容的压缩包。如果这个作业或项目是关于...
第二次python大作业.zip
06-14
"第二次python大作业.zip"这个压缩包文件显然包含了作者在Python学习过程中的重要成果，特别是针对第二次大作业的解决方案。让我们深入探讨一下这个文件可能涵盖的知识点，以及Python学习的一些关键领域。 首先，...
231041231 陈媛 第二次作业.docx
11-17
2. Servlet技术：Servlet技术是Java EE的一部分，用于开发基于Web的应用程序。 3. HttpSession：HttpSession是Java EE中的一个接口，用于记录用户的登录状态。 4. Java图形处理库：Java图形处理库是Java中的一个API...
Java第二次大作业.zip
06-15
这份"Java第二次大作业.zip"压缩包文件显然包含了一位大学生在学习Java过程中所做的笔记、复习材料以及可能的课程作业或课程设计。这为我们提供了一个深入了解Java基础知识和实际应用的机会。 Java的学习通常从基础...
python第二次作业英才班.zip
06-14
"python第二次作业英才班.zip"这个压缩包文件很可能是某个教育项目或课程的一部分，用于教授Python编程的进阶知识。 在这个"zgl_resource"目录下，可能包含了英才班学员在学习Python过程中所需要的各种资源，例如：...
计算机第二次作业3.doc
10-11
【知识点详解】 1. 图像文件大小计算：图像...以上是对计算机第二次作业中涉及知识点的详细解释，涵盖了图像文件大小计算、IP地址规则、网络协议、声音编码、数据结构、操作系统、电子邮件协议等多个方面的基础知识。
计算机基础第二次作业.pdf
10-04
在本次计算机基础的第二次作业中，涉及到的知识点包括： 1. **客户机/服务器模式**：在计算机网络中，客户机/服务器模式是指通过特定软件，一台计算机作为服务提供者（服务器），另一台或多台计算机作为服务请求者...
Web技术第一次网上作业.doc
04-18
Web 技术第一次网上作业答案 本资源摘要信息涵盖了 Web 技术第一次网上作业的所有问题和答案，涵盖了 Web 技术的基础知识点，包括WWW 服务器、网页设计、HTML 语言、动态网页技术、网页 Elements 等。 一、WWW ...
计算机应用基础(第二次作业).doc
04-21
根据提供的文档内容，我们可以推断出这份文档是关于“计算机应用基础”课程的第二次作业，主要涉及计算机网络的基础知识。接下来，我们将从标题、描述、标签以及部分内容中提炼出相关知识点。 ### 标题和描述 标题...
第二次作业和第三次作业
08-02
NULL 博文链接：https://yfy-web.iteye.com/blog/1979638
第二次XML.zip
01-14
在“第二次XML”的实验作业中，可能需要完成的任务包括创建XML文档、编写DTD或XML Schema来定义文档结构、使用XPath定位元素、用XSLT进行数据转换，以及实现XML数据的解析和生成。通过这些实践，你可以深入理解XML的...
第⼆次作业1
08-03
在本次的第二次作业中，我们关注的是一个基于Spring框架构建的微服务系统，其中包括User Service、Admin Service以及Eureka Server。这些组件共同协作，实现了用户管理功能，包括用户注册、验证以及服务之间的通信。...
周玉川-2017221302006-第二次作业1
08-08
1. 安全边界：包括网络边界、内核边界、工艺边界、AppContainer沙箱边界、用户边界、会话边界、Web浏览器边界、虚拟机边界和虚拟安全模式边界。这些边界旨在限制未经授权的访问和数据篡改，确保不同安全级别之间的...
计应2003 第二次实验报告.docx
09-19
计应2003 第二次实验报告.docx
前端Web-JavaScript(上)
Yu2uki的博客
07-31 1417
JavaScript（简称：JS） 是一门跨平台、面向对象的脚本语言，是用来控制网页行为的，实现人机交互效果。JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。组成：ECMAScript: 规定了JS基础语法核心知识，包括变量、数据类型、流程控制、函数、对象等。BOM：浏览器对象模型，用于操作浏览器本身，如：页面弹窗、地址栏操作、关闭窗口等。DOM：文档对象模型，用于操作HTML文档，如：改变标签内的内容、改变标签内字体样式等。
高德地图离线版 使用高德地图api的方法
最新发布
m0_62336925的博客
08-02 327
然因为高德地图的瓦片地图太大，所以要让后端部署下 前端直接调用 如果本地 直接找到瓦片图路径就可以。这个代码把你想用的方法名保存到本地。这个时候会报错 因为没有这个方法。然后就可以正常使用这个方法拉。然后使用他的离线方法。找到对应的名字 复制。
Web驱动ANSYS Workbench自动化：二次开发实战指南
该资源主要讲解了如何通过ANSYS Workbench的二次开发，结合Web开发技术，实现网页交互控制ANSYS Workbench进行参数修改、自动化计算和报告输出的过程。以下是详细的知识点解析： 1. **ANSYS Workbench二次开发**：...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值