WEB前端第二次作业

已于 2023-03-15 23:21:13 修改
阅读量127 收藏
点赞数 1
文章标签： html servlet dreamweaver Powered by 金山文档
于 2023-03-14 22:26:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_71169037/article/details/129541852
版权

注册页

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <form action="#" method="get">
            <table width=300>
                <thead>
                    <tr align="center">
                        <td colspan="2" bgcolor="#ccc">用户注册</td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td align="right" bgcolor="#ddd">用户名</td>
                        <td align="left" bgcolor="#ddd"><input type="text"></td>
                    </tr>
                    <tr>
                        <td align="right" bgcolor="#ddd">密码</td>
                        <td align="left" bgcolor="#ddd"><input type="password" name="" id=""></td>
                    </tr>
                    <tr>
                        <td align="right" bgcolor="#ddd">性别</td>
                        <td bgcolor="#ddd">
                            <input type="radio" name="men" value="男"><label for="men">男</label>
                            <input type="radio" name="women" value="女"><label for="women">女</label>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" bgcolor="#ddd">爱好</td>
                        <td bgcolor="#ddd">
                            <input type="checkbox" name="writing">写作
                            <input type="checkbox" name="listening">听音乐
                            <input type="checkbox" name="phy">体育
                        </td>
                    </tr>
                    <tr>
                        <td align="right" bgcolor="#ddd">省份</td>
                        <td bgcolor="#ddd">
                            <select name="省份" id="">
                                <option>陕西省</option>
                                <option>山西省</option>
                                <option>山东省</option>
                                <option>河南省</option>
                                <option>河北省</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" bgcolor="#ddd">自我介绍</td>
                        <td bgcolor="#ddd">
                            <textarea name="自我介绍" id="" cols="30" rows="10"></textarea>
                        </td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td align="center" bgcolor="#ccc" colspan="2">
                            <input type="submit" name="" id="">
                            <input type="reset" name="" id="">
                        </td>
                    </tr>
                </tfoot>
            </table>
        </form>
    </body>
</html>

西瓜视频

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            div{
                width: 40px;
                height: 10px;
                border: 2px solid red;
                padding: 5px;
                padding-left: 45%;
                background-color: red;
                font-size: 10px;    
            }
        </style>
    </head>
    <body>
        <form action="#" method="get">
            <table style="width: 300px;">
                <thead>
                    <tr align="left">
                        <td><h1>登录</h1></td>
                    </tr>
                </thead>
                <tbody>
                    <table border="0" cellspacing=0 cellpadding=0>
                        <tr>
                        <td colspan="4"><small>密码登录</small></td>
                        <td><small>扫码登录</small></td>
                        <td rowspan="3" style="width: 300px;">
                            <div style=" background-color: #CCC; width: 200px; height: 200px;vertical-align: middle; text-align:center;display: table-cell;">
                                <img src="../../picture/二维码.jpg" alt="" width="180px" height="180px">
                            </div>        
                        </td>
                        
                    </tr>
                    <tr>
                        <td>
                            <select style="border-style: none; background:ghostwhite; name="" id="">
                                <option value="">+86</option>
                                <option value="">+87</option>
                                <option value="">+88</option>
                            </select>
                        </td>
                        <td><input style="border-style: none; background-color: ghostwhite; type="text" name="" id="" placeholder="请输入手机号"></td>
                    </tr>
                    </table>
                    <tr>
                        <td colspan="2"><input style="border-style: none;background: ghostwhite; width: 12.74rem;" type="password" placeholder="请输入密码"></td>
                        <span>忘记密码</span>
                    </tr>
                    <tr>
                        <br><td><small>记住密码</small></td><br>
                    </tr>
                </tbody>    
                    
                    <div style="color: white;">
                        登录
                    </div>
                    
                    <tr>
                        <br><td colspan="3"><small>其他方式：</small></td>
                        <img src="../../picture/tubiao.bmp" alt="">
                        <td><small>手机验证码登录</small></td>
                    </tr>
                
                <tfoot style="align-items: center;">
                    <br><td><small>登录即代表你同意</small></td>
                    <a href="www.baidu.com"><small>用户隐私</small></a>
                    <td><small>和</small></td>
                    <a href="www.bilibili.com"><small>隐私政策</small></a>
                </tfoot>
            </table>
        </form>
    </body>
</html>
SUPER COW
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
jsp的编写案例
nvtoudalao的博客
11-28 326
顶部页面head <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix="fmt" ...
JSP程序设计
weixin_60422460的博客
03-28 5106
照搬老师笔记
第⼆次作业1
08-03
1. User Service 2. Admin Service 3. Eureka Server 4. 运截图
JavaWeb——JSP实现书城首页
Liwo4418的博客
06-06 1906
（1）了解JSP的特点及其运行原理（2）掌握JSP的基本语法（3）熟悉JSP指令和隐式对象的使用（4）掌握JSP动作元素的使用能使用include指令进行jsp页面的开发，实现传智书城首页。Win10操作系统+JDK软件+Eclipse软件+Apache-tomcat软件。
javaweb小项目练习jsp操作
徐大大的博客
01-09 1525
javaweb小项目练习jsp操作该系统主要由图书订购系统框架页面、图书订购系统主页、购物车页面和注册页面组成，
javaweb实验：JSP应用开发
m0_72471315的博客
03-26 4036
本文介绍如何使用 JSP 技术开发简单的函数和简单的 Web 应用程序来实现用户注册和登录功能。JSP是一种基于Java的动态网页技术，可以将Java代码嵌入HTML代码中，实现动态页面效果。本文解释了如何使用 JSP 的声明、表达式、脚本和注释，以及 JSP 的页面指令和操作语法格式。它还解释了如何在 JSP 中使用常用的内置对象。本文包括三个实验：输出由星号组成的菱形，实现一个计数器，该计数器在刷新页面时计算页面浏览量而不增加计数，以及用户登录验证（不实现数据库）。
web前端第二次作业
yjsstar的博客
07-16 892
对于是盒子的元素，如果没有特殊设置，其默认总是占独立的一行，宽度为浏览器窗口的宽度，在其前后的元素不管是不是盒子，都只能排列在它的上面或者下面，即上下累加着进行排列。首先，我们需要了解什么是css盒子模型，网页设计中常听的属性名:内容(content)、内边距(padding)、边框(border)、外边距(margin)，css盒子模型都具备这些属性。1.标准盒子模型(Content Box Model):默认情况下，元素的宽度和高度只包括内容的尺寸，不包括内边距、边框和外边距。
Web前端第二次作业
m0_75208155的博客
06-12 168
【代码】Web前端第二次作业--css练习。
Web前端技术第二次作业
Tmg3202915143的博客
11-12 326
html
web第二次作业.zip 表单设计，web前端
11-01
"web第二次作业.zip"这个压缩包文件似乎包含了关于Web前端开发中表单设计的学习资料，具体分为三个部分：2_files、1_files和电影网_files。下面将对这些知识点进行详细解释。 1. **HTML表单基础**： HTML表单是...
eduPrime:第二次作业
04-06
综上所述，"eduPrime:第二次作业"可能涵盖了一系列的技术挑战，包括但不限于前端开发、后端服务构建、数据库管理、用户体验设计、安全性保障等方面。这些内容对于理解教育技术领域的项目开发具有重要价值。
JAVAEE智慧树第三次作业文档
11-13
【JAVAEE智慧树第三次作业文档】是一个典型的Java企业级应用开发练习，主要涵盖了数据库设计、后端核心代码实现以及前端用户界面的构建。这个作业旨在让学生掌握如何在JAVAEE平台上进行实际的Web应用开发。 一、...
2020_Web系统与技术_作业要求1
08-08
第一次作业只需提交静态HTML和CSS文件，而第二次作业则需要提交完整的前后端源代码、描述文档和功能展示视频。提交的文件应按照规定的格式命名并压缩，通过邮件发送至指定助教邮箱。 总的来说，这个作业全面覆盖了...
web前端第一次作业
滿浚的博客
07-07 76
第一个： 第二个
Web开发：四角线框效果（HTML、CSS、JavaScript）
m0_65029152的博客
07-17 900
本文主要记录前端给图片动态添加四角线框的相关内容和实现过程；
使用 XPath 定位 HTML 中的 img 标签
Z_suger7的博客
07-18 1176
通过本文的介绍和代码示例，我们可以看到如何在 C# 中使用 XPath 定位 HTML 中的img标签，并实现图片的下载。这种方法不仅高效，而且易于实现，适用于各种需要从网页中提取图片资源的场景。希望本文能够为你的项目提供帮助，并激发你在数据处理和自动化方面的创新思维。
[HTML]一文掌握
最新发布
CSDN20221005的博客
07-21 584
场景：在网页的底部导航中通常会用到。语法：dl>dt>dd特点：dd前会默认显示缩进效果注意：dl中只允许包含dt/dd标签dt/dd中可以包含任意内容。
前端学习（二）之HTML
2302_79795489的博客
07-18 927
在<input type="text" name="username" value="西瓜大侠">中，2、单选和多选：radio和checkbox（对应value为选项的值，当选中时，这个值会被提交）3、按钮：button、submit和reset（对应value为按钮上的标签文本）4、隐藏字段：hidden（对应value为隐藏在表单中的用户不可见的数值）段落格式标签：加粗b，斜体i，下划线u，删除线s，换行br，水平分割线hr。1、name：给表单控件起的名字，服务器靠这个名字来识别和获取输入的数据。
《web前端开发基础》作业试题解析与关键知识点总结
《web前端开发基础》作业考核试题提供了针对初学者和进阶开发者的基础测试，主要考察了以下几个关键知识点： 1. **浮动元素塌陷及解决方法** - 浮动元素可能导致父元素高度塌陷，通过添加`clear:both;`和`height:0;...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

SUPER COW

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值