web作业2

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

第一个

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <form method="post" action="">

        <table border="1" width="700" align="center" bordercolor="black" cellspacing="0" cellpadding="0">

             <thead align="center">

                <tr>

                   <td>用户注册<br></td>

                </tr>

             </thead>

             <tbody align="center" >

                 <tr>

                    <td>用户名：<input type="text" name="username" placeholder="输入用户名"></td>

                 </tr>

                 <tr>

                    <td>

                        密&nbsp;&nbsp;&nbsp;&nbsp;码：<input type="password" name="username" placeholder="输入密码">

                    </td>

                </tr>

                <tr>

                    <td>

                        性别<input type="radio" name="sex">男

                        <input type="radio" name="sex">女

                    </td>

                </tr>

                <tr>

                    <td>

                        爱好<input type="checkbox" name="aihao">写作

                        <input type="checkbox" name="aihao">听音乐

                        <input type="checkbox" name="aihao">体育

                    </td>

                </tr>

                <tr>

                    <td>

                        省份

                        <select name="sf">

                            <option selected>陕西省</option>

                        </select>

                    </td>

                </tr>

                <tr>

                    <td>

                        自我介绍

                        <textarea name="" cols="30" rows="10"></textarea>

                    </td>

                </tr>

               

             </tbody>

             <tfoot align="center">

                <tr>

                    <td>

                        <input type="submit" name="">

                        <input type="reset" name="">

                    </td>

                </tr>

             </tfoot>

        </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>Document</title>

    <style>

        *{

            margin: 0;

            padding: 0;

        }

        .box1{

            margin: 30px;

            padding: 20px;

            padding-right: 0px;

            background-color: black;

            width: 250px;

            height: 570px;

        }

        .box2{

            color: azure;

            padding: 10px;

            position: relative;

        }

        .pic{

            width: 1150px;

            height: 580px;

            padding: 30px;

            background-color: bisque;

            position: absolute;

            left: 250px;

            top: 3px;

           

        }

        .box2:hover{

            background-color: orange;

        }

        .box2>.pic{

            display: none;

        }

        .box2:hover>.pic{

            display: block;

        }

        .bq{

            display: inline-block;

            padding: 10px 40px;

            width: 180px;

            height: 80px;

            text-decoration:none;

        }

        a:link{

            color:rgb(152, 146, 156);

        }

        a:visited{

            color:rgb(152, 146, 156);

        }

        a:hover{

            color: blueviolet;

        }

    </style>

</head>

<body>

    <div class="box1">

        <div class="box2">手机

            <div class="pic">    

                <a href="https://item.mi.com/16646.html" target="_blank" class="bq">Redmi Note 12 Pro+</a>          

                <a href="https://item.mi.com/16536.html" target="_blank" class="bq">Xiaomi Civi 2</a>          

                <a href="https://www.mi.com/redminote11t-pro" target="_blank" class="bq">Note 11T Pro</a>          

                <a href="https://www.mi.com/mi12pro" target="_blank" class="bq">Xiaomi 12 Pro</a>          

                <a href="" target="_blank" class="bq">Xiaomi Civi 2</a>          

                <a href="" target="_blank" class="bq">Xiaomi Civi 2</a>          

                <a href="" target="_blank" class="bq">Xiaomi Civi 2</a>          

                <a href="" target="_blank" class="bq">Xiaomi Civi 2</a>          

                <a href="" target="_blank" class="bq">Xiaomi Civi 2</a>          

                <a href="" target="_blank" class="bq">Xiaomi Civi 2</a>          

            </div>

        </div>

    </div>

</body>

</html>

mgwzz
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Web大作业总结
2301_76780969的博客
06-24 2283
大家好，本作品为本人大二Web期末大作业，采用了html+css+JavaScript制作而成的静态网页，我技术有限😭，并且由于期末时间原因，我选择了制作一个静态的网页。说实话这也是自己第一次随机主题制作网页，做的时候我也很迷茫，最终参考其他朋友们的建议，制作了一个类似于个人空间的网页。（我知道自己做的很丑😥，大家担待着看）总结一下本次web课程，虽然时间短暂，但是让我对前端编程有了一个更高一级的认识，说实话我感觉前端的设计比后端的更难编写，更何况这学期完成的还是一个普通的静态网页。
web大作业分配
xiexie2621的博客
11-13 2691
**我将和我们组大作业的一部分内容分为三人份，由小煦，娜娜，得霞三人协调选择自己适合的部分。一些比较重要的信息已由代码旁的注释标出，其余部分因为关系到其它的文件，所以再找时间当面说。 分为如下三份（负责的部分难度递增，但也不会太大）： 1.StudentsDao.java(接口) + StudentsDo.java(对象) 2.StudentsService.java(接口) + Students...
Web技术大作业
qq_45759389的博客
05-06 4947
一、 大作业任务概述 采用 SSM 框架来实现一个基于 Web 的用户管理系统，要求具有以下功能: (1)提供用户注册，修改个人资料，修改密码，以及登陆，注销等功能， 要实现响应式布局， 当屏幕的分辨 率小于 800px 时，左侧的 left 菜单自动隐藏。 (2)实现用户的信息管理，包括所有用户的信息列表展示，查询，编辑和删除。 (3)实现文章的信息管理，一个用户可以发表多篇文章。文章管理的首页展示一个 统计信息， 既有列表统计，也有图表显示。点击 进入文章管理进去，可以对所 选用户的文章进行管理， 包括
web前端html期末大作业实例 (1500套)
热门推荐
HTML网页设计
10-03 9万+
临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页设计老师的作业要求感到头大？网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说，直接看效果。📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确
Web大作业.网页
qq_63079423的博客
07-21 2421
大一暑假web编程考试内容为大作业形式，主要包括爬虫+网页，本文主要介绍网页部分。由于接触网页的时间有限，对前端的各种框架都不太熟悉，所以就没有用任何的前端框架。get请求也是直接用JS原生的fetch函数，听说JQuery已经被淘汰了???（所以可能不打算接触它了）后端主要是用express框架，感觉用起来蛮简单的一路做下来还是蛮曲折的，毕竟很多函数都是第一次用，希望能做的越来越好吧。下面附几张网站图像httpshttps。...
web前端期末大作业（附有源码）
m0_74087268的博客
12-28 9619
这里使用的是Visual Studio Code（VSCode）设计的Web前端作业，包括了HTML、CSS和JavaScript。选用VSCode作为开发环境和工具来说有诸多优势之处，也给设计前端时带来了诸多益处。首先，是VSCode智能代码提示和补全。VSCode具备强大的代码提示功能，能够根据输入和上下文提供智能建议，减少拼写错误和语法问题，提高编码效率。其次，VSCode拥有丰富的扩展生态系统。
分享pythonweb大作业
weixin_43960044的博客
09-19 1750
分享pythonweb大作业，云认证平台登录，使用的是mongodb数据库。 下载链接： 运行环境： 配置好环境启动数据库，数据库数据文件夹命名为 ”big_work_mongodata“ 启动成功 把项目导如 Pycharm，检查环境配置。输入python manage.py runserver 0.0.0.0:8000 命令运行项目。 在浏览器输入 http://localhost:8...
Web作业表单的制作
excellentOneBoy的博客
12-13 1453
Web表单
web安全作业
xiao_xianyu123的博客
01-04 3362
内容：. 自己写一个登陆页面，并能实现对接数据库，判断用户名与密码是否正确。 练习sql-map-master的1-7关 test.php <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport
Web大作业
weixin_44184780的博客
12-23 1337
提问？ 总有学弟找我帮忙做web大作业，大家想要什么类型的可以给我留言，我做一套模板出来，正好这几天想复习下原生的js。
web大作业 静态网页
01-31
web大作业 静态网页web大作业 静态网页web大作业 静态网页web大作业 静态网页web大作业 静态网页web大作业 静态网页web大作业 静态网页web大作业 静态网页web大作业 静态网页web大作业 静态网页
Web大作业 童叟无欺
12-16
【Web大作业 童叟无欺】是一个适合初学者的Web开发项目，它提供了一个基础的网页模板，包括几个新闻网页示例和一个使用CSS实现的图片切换效果。这个项目设计的目标是帮助初学者快速理解和掌握Web开发的基础知识，...
web网页制作期末大作业
11-17
总的来说，这个"web网页制作期末大作业"旨在考察学生对Web前端基础知识的掌握程度，以及实际应用这些知识解决问题的能力。通过这个项目，学生不仅能提升技术技能，还能培养良好的项目管理和团队协作习惯。
pythonweb大作业
09-19
pythonweb大作业，实现增删改查。分享pythonweb大作业，云认证平台登录，使用的是mongodb数据库。可查看运行教程 链接：https://blog.csdn.net/weixin_43960044/article/details/101012182
web作业管理系统.doc
12-01
Web作业管理系统 Web作业管理系统是基于计算机技术和互联网技术的现代化教育管理系统，旨在解决传统教学方式中的作业管理问题。该系统采用B/S结构和ASP动态网页开发技术，基于Windows XP Professional操作系统和...
ASP.NET Core Web API 使用Autofac框架
鲤籽鲲的博客
08-08 592
ASP.NET Core Web API 使用Autofac框架
略记一次抓取内容后解密及登录的经历
深蓝浅蓝的天
08-09 1051
从我这个不专业的爬虫工程师来看，爬虫工作是比较看耐心的，尤其是登录和其他的破解环节，一定要相信，从理论上来破的东西，它确实就能破，但确实太考验耐心了。最后再拿下登录返回的token，准备一台手机，自动接收验证码，然后启一个接受短信的服务存到redis，至此登录、请求接口、解密数据全部完成。，key是接口有返回的，但iv对方网站就隐藏的很好，除了这个iv，其他的问题都解决了，加密字符串也成功解密。尤其是解密的代码，调用栈太长了，我水平不够，整整看了2天，才从这种代码中找出了它主要的解密方式，
Element学习（布局组件、案例操作）（4）
m0_74363339的博客
08-08 428
value：表示输入的值，提交表单后传给服务器的值——>"男"表示1，"女"表示2。定义数据模型时，对象要使用大括号。像这里searchForm: {....}3、这一步之后的效果展示（只是空有一个布局——>目前还没有任何的内容）2、找到这种布局对应的代码（复制——>粘贴到标签<div>中）5、 在主展示区域的上方添加"员工查询"的（且独占一行）表单。还有一个当点击"查询"按钮时，会触发一个方法，也要去声明。7、给表格增加一个边框——>加入border属性即可。6、日期选择器——>(官网中组件中找)
谷粒商城实战笔记-175~177-商城业务-检索服务-检索查询接口开发
最新发布
epitomizelu的专栏
08-13 709
搜索页面搭建完成之后，点击搜索按钮，发送参数给后台服务，后台服务根据参数从Elasticsearch中查询符合条件的数据，返回给前端。
web作业医学资讯网
09-04
Web作业医学资讯网是一个专注于医学领域的在线平台，旨在为用户提供全面和权威的医疗资讯。该网站涵盖了各个医学专业领域的最新研究成果、临床实践指南、健康科普知识等内容。以下是该网站的特点和功能： 1. 多领域...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值