WED前端第一次作业

最新推荐文章于 2026-08-18 01:00:00 发布
原创 最新推荐文章于 2026-08-18 01:00:00 发布 · 266 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
GEO检测

作业1：完成注册信息框

代码如下：

<!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>
    <h3>用户注册</h3>
   <form action="https:www.baidu.com" method="get">
    用户名<input type="text" name="username" ><br>
    密码<input type="password" name="password"><br>
     性别：<input type="radio" name="sex">男
     <input type="radio" name="sex">女<br>
     兴趣爱好：<input type="checkbox" name="xuanxiang">打游戏
     <input type="checkbox" name="xuanxiang">听音乐
     <input type="checkbox" name="xuanxiang">打篮球<br>
      省份：<select name="address" id="">
       <option  >陕西省</option>
        <option  >广东省</option>
        <option  >广西省</option>
        <option  >湖北省</option>
        <option  >湖南省</option>
        <option  >河北省</option>
        <option  >河南省</option>

     </select><br>
     自我介绍<textarea  cols="50" rows="20"  ></textarea><br>
     <button type="submit">提交</button>
     <button type="reset">重置</button>
   </form>

</body>
</html>

运行截图

作业2：完成汇款单表格

代码如下：d

<!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>
    <table border="1px" width="1700px" height="460px">
    <h1>工商银行电子汇款单</h1>
    <tr>
        <th colspan="2">回单类型</th>
        <!-- <th></th> -->
        <th colspan="4">网上转账汇款</th>
        <!-- <th></th>
        <th></th>
        <th></th> -->
        <th colspan="2">指令序号</th>
        <!-- <th></th> -->
        <th colspan="4">HQH000000000000013878172</th>
        <!-- <th></th>
        <th></th>
        <th></th> -->
    </tr>
    <tr>
        <th rowspan="4">收款人</th>
        <th>户名</th>
        <th colspan="4">老人</th>
        <!-- <th></th>
        <th></th>
        <th></th> -->
        <th rowspan="4">付款人</th>
        <th>户名</th>
        <th colspan="4">老刘</th>
        <!-- <th></th>
        <th></th>
        <th></th> -->
    </tr>
    <tr>
        <!-- <th></th> -->
        <th>卡号</th>
        <th colspan="4">0000000001</th>
        <!-- <th></th>
        <th></th>
        <th></th> -->
        <!-- <th></th> -->
        <th>卡号</th>
        <th colspan="4">00000002</th>
        <!-- <th></th>
        <th></th>
        <th></th> -->
    </tr>
    <tr>
        <!-- <th></th> -->
        <th>地区</th>
        <th colspan="4">南京</th>
        <!-- <th></th>
        <th></th>
        <th></th> -->
        <!-- <th></th> -->
        <th>地区</th>
        <th colspan="4">杭州</th>
        <!-- <th></th>
        <th></th>
        <th></th> -->
    </tr>
    <tr>
        <!-- <th></th> -->
        <th>网点</th>
        <th colspan="4">工商江苏南京业务处理中心</th>
        <!-- <th></th>
        <th></th>
        <th></th> -->
        <!-- <th></th> -->
        <th>网点</th>
        <th colspan="4">江苏徐州业务中心</th>
        <!-- <th></th>
        <th></th>
        <th></th> -->
    </tr>
    <tr>
        <th colspan="2">币种</th>
        <!-- <th></th> -->
        <th colspan="4">人民币</th>
        <!-- <th></th>
        <th></th>
        <th></th> -->
        <th colspan="2">钞汇标志</th>
        <!-- <th ></th> -->
        <th colspan="4"><u>钞票</u></th>
        <!-- <th></th>
        <th></th>
        <th></th> -->
    </tr>
    <tr>
        <th colspan="2">金额</th>
        <!-- <th></th> -->
        <th colspan="4">1.0元</th>
        <!-- <th></th>
        <th></th>
        <th></th> -->
        <th colspan="2">手续费</th>
        <!-- <th></th> -->
        <th colspan="4">0.57元</th>
        <!-- <th></th>
        <th></th>
        <th></th> -->
    </tr>
    <tr>
        <th colspan="2">合计</th>
        <!-- <th></th> -->
        <th colspan="10">人民币：壹元整</th>
        <!-- <th></th>
        <th></th>
        <th></th>
        <th></th>
        <th></th>
        <th></th>
        <th></th>
        <th></th>
        <th></th> -->
    </tr>
    <tr>
        <th colspan="2">交易时间</th>
        <!-- <th></th> -->
        <th colspan="4">2991年55月55日</th>
        <!-- <th></th>
        <th></th>
        <th></th> -->
        <th colspan="2">时间戳</th>
        <!-- <th></th> -->
        <th colspan="4">2991-55-55-18.00</th>
        <!-- <th></th>
        <th></th>
        <th></th> -->
    </tr>
</table>
<h6>票据打印时间：2991年55月55日</h6>
<s>票据打印单位：江苏徐州业务中心</s>
<h6>操作员：祝大欢</h6>
</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>Document</title>
</head>
<body>
    <table width="1700px" height="800px" cellpoadding="1px">
        <tr>
            <th width="425px" height="100px"><h1>将进酒</h1> </th>
            <th colspan="2"><h1>君不见黄河之水天上来</th>
            <!-- <th></th> -->
            <th></th>
        </tr>
        <tr>
            <th rowspan="2" colspan="2"  ><img src="./李白.jpg" width="500px" height="640px" </th>
            <!-- <th></th> -->
            <th rowspan="2" colspan="2"><h1>君不见黄河之水天上来，奔流到海不复回。<br>
                 君不见高堂明镜悲白发，朝如青丝暮成雪。<br>
                人生得意须尽欢，莫使金樽空对月。<br>
                天生我材必有用，千金散尽还复来。<br>
                烹羊宰牛且为乐，会须一饮三百杯。<br>
                岑夫子，丹丘生，将进酒，杯莫停。<br>
                与君歌一曲，请君为我倾耳听。<br>
                 钟鼓馔玉不足贵，但愿长醉不愿醒。<br>
                 古来圣贤皆寂寞，惟有饮者留其名。<br>
                 陈王昔时宴平乐，斗酒十千恣欢谑。<br>
                 主人何为言少钱，径须沽取对君酌。<br>
                 五花马、千金裘，<br>
                 呼儿将出换美酒，与尔同销万古愁。<br></th>
            <!-- <th></th> -->
        </tr>
        <tr>
            <!-- <th></th>
            <th></th> -->
            <!-- <th></th>
            <th></th> -->
        </tr>
    </table>
   
</h3>
</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>Document</title>
</head>
<body>
    <table  width="1700px" height="800px" align="center">
        
         
        
        <tr>
             <th  widht="340px">电影分类 热门 </th>
             <th  widht="340px">最新 豆瓣高分</th>
             <th  widht="340px">冷门佳片 华语</th>
             <th  widht="340px">欧美 韩国</th>
             <th  widht="340px">日本 更多->></th>
         </tr>
         <tr>
             <th  widht="340px" height="250px"><a href="https://movie.douban.com/subject/36171172/?tag=%E7%83%AD%E9%97%A8&from=gaia" ><img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2913590069.jpg" ></a>"></a></th>
             <th   widht="340px" height="250px"><a href="https://movie.douban.com/subject/36934908/?tag=%E7%83%AD%E9%97%A8&from=gaia"><img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2915350868.jpg" ></a></th>
             <th   widht="340px" height="250px"><a href="https://movie.douban.com/subject/35758802/?tag=%E7%83%AD%E9%97%A8&from=gaia"><img src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2915287301.jpg" ></a></th>
             <th   widht="340px" height="250px"><a href="https://movie.douban.com/subject/35740387/?tag=%E7%83%AD%E9%97%A8&from=gaia"><img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2903776440.jpg" ></a></th>
             <th   widht="340px" height="250px"><a href="https://movie.douban.com/subject/27108760/?tag=%E7%83%AD%E9%97%A8&from=gaia"><img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2902667288.jpg" ></a></th>
         </tr>
          <tr>
             <th>大都市的爱情法 8.1</th>
             <th>因果报应 8.6</th>
             <th>财富密码 8.6</th>
             <th>女孩终究是女孩 8.0</th>
             <th>山羊生活 6.6</th>
         </tr>
         <tr>
             <th  widht="25%" height="250px"><a href="https://movie.douban.com/subject/36587974/?tag=%E7%83%AD%E9%97%A8&from=gaia_video"><img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2912830708.jpg" alt=""></a></th>
             <th  widht="25%" height="250px"><a href="https://movie.douban.com/subject/35497671/?tag=%E7%83%AD%E9%97%A8&from=gaia_video"><img src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2913215934.jpg" alt=""></a></th>
             <th  widht="25%" height="250px"><a href="https://movie.douban.com/subject/36340655/?tag=%E7%83%AD%E9%97%A8&from=gaia"><img src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2913661641.jpg" alt=""></a></th>
             <th  widht="25%" height="250px"><a href="https://movie.douban.com/subject/36289263/?tag=%E7%83%AD%E9%97%A8&from=gaia"><img src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2915356082.jpg" alt=""></a></th>
             <th  widht="25%" height="250px"><a href="https://movie.douban.com/subject/35882838/?tag=%E7%83%AD%E9%97%A8&from=gaia"><img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2912441039.jpg" alt=""></a></th>
         </tr>
        
         <tr>
             <th>走出的决心 8.8</th>
             <th>危机航线5.8</th>
             <th>二号陪审员 7.1</th>
             <th>风流一代6.3</th>
             <th>某种物质 7.5</th>
         </tr>
     </table>
</body>
</html>

运行截图：

标签
#前端 #html5
zdhsnn
关注
Arch Linux双系统安装避坑指南：从Windows分区到桌面环境全流程
nice1的博客
03-06 510
本文提供了一份详尽的Arch Linux与Windows双系统安装避坑指南。内容涵盖从安装前的UEFI环境确认、BitLocker处理、分区规划，到Live环境进入、基础系统安装、GRUB引导配置，再到显卡驱动安装、KDE/GNOME桌面环境部署及中文化设置的全流程。重点解决了双系统安装中的核心痛点，帮助用户在不破坏现有Windows系统的前提下，顺利完成Arch Linux的安装。
Python爬虫实战：5分钟搞定东方财富A股数据抓取（附完整代码）
weixin_29062963的博客
03-01 4146
本文提供了一套基于Python的A股数据自动化采集与分析系统构建方案。文章详细解析了如何通过稳健的爬虫框架从东方财富等公开数据源高效抓取A股数据，并设计数据库进行自动化存储与管理，特别适合量化研究和数据分析场景。
wed前端第一次作业
2301_81097039的博客
07-31 215
【代码】wed前端第一次作业。
EB配置I2c - 实现与PF8200的读写操作
weixin_48498880的博客
12-26 3736
①，基于硬件实现IIC通信（硬件GPIO引脚配置为I2c复用引脚）②，基于软件模拟IO实现IIC通信（代码控制SDA和SCL两个IO引脚的电平来模拟IIC时序）本文章基于64pin的恩智浦S32K146型号的芯片作为主机，从机是NXP的供电芯片。在本次实验中，我们将以使用EB工具链来配置硬件IIC通信。1，EB配置2，代码编写3，测试验证话不多说，走你~写操作比较简单，只需要申明一个I2c配置结构体变量即可。
wed前端的第一次作业
huatangqiu的博客
05-22 310
该代码有部分多余的部分，不太完整（图片的像素大小以及css的引入不太熟练仍需要学习）以上就是本次的作业。
WED第一次作业
2503_91233149的博客
04-21 167
代码效果。
wed前端的第三次作业
huatangqiu的博客
10-10 763
以上部分图片来源网上，如有侵权，提醒删除。
wed前端作业1
2402_87298327的博客
12-31 173
【代码】wed前端作业1。
前端wed网页制作作业
wb189的博客
07-07 807
<textarea name="intro" cols="25" rows="5" placeholder="这个家伙什么也没留下" id=""></textarea>
WED第二次作业
2503_91233149的博客
04-25 146
代码：效果（按下左键前）
wed前段第一次作业
zhouxingxing920的博客
01-07 204
【代码】wed前段第一次作业。
学习wed前端的路与第一小结的感受
Scorpion_Yang_Li的博客
06-21 655
到这周为止，目前已经基本学习完了wed前端的一部分基础课程，包括HTML基础以及大部分的CSS和初步的SACC工程化。在这不到两个月的时间，想想过得挺快的，虽然会有人说两个月了，才学这么一点，进度很慢呀，但是快和慢各有各的优点，慢的话学的更清晰，仔细，更详细，对知识点的掌握更牢固。同时一步步的加快学习进度，学习理解的难度。对于我这种已经离开学校快两年的人来说，是非常适合的。毕竟以前在学校也不是学的计算机相关专业，学的农学板块，对计算机的认识和了解还只是，处于聊天、看电视、电影和玩游戏的阶段，哈哈。 当初第一
wed前端第二次作业
QZ20041023的博客
02-07 386
1.先将页面划分成八个部分，先用颜色大概绘制，再写入通用样式style.css文件。3.根据原网站内容来实现网站的填充。2.根据原网站完成布局。
Wed前端的第二次作业
huatangqiu的博客
05-27 485
【代码】Wed前端的第二次作业。
wed第二次作业
fbitx的博客
02-27 114
【代码】wed第二次作业。
200套web前端期末大作业 HTML+CSS+JavaScript网页设计实例 企业网站制作 [建议收藏]
HTML网页设计
05-18 1417
1.网页作品简介方面：HTML期末学生结课大作业作品(HTML+CSS+JS)，响应式布局网站源码！兼容pc以及移动端，内涵js交互，ui交互，页面质量高 非常适合，2.网页作品编辑方面：此作品为学生个人主页网页设计题材，代码为A+学生水平所有编辑器均可使用）3.网页作品布局方面：网页布局整体为LOGO、导航、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。4.网页作品技术方面。
Web前端期末大作业-响应式室内家具网页设计（HTML+CSS+JS）实现
热门推荐
java李阳勇的博客
10-26 1万+
web前端期末大作业--响应式室内家具网页设计(HTML+CSS+JS） 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？网页要求的总数量太多？HTML网页作业无从下手？没有合适的模板？等等一系列问题。你想要解决的问题，在这里都能解决
wed第三次作业
fbitx的博客
01-30 146
【代码】wed第三次作业。
Wed前端--学校官网、淘宝界面
2301_81097039的博客
08-11 330
【代码】Wed前端第二次作业。
web前端作业
programmer_wbb
03-19 8666
【任务2-1】实现Q-Walking E&amp;S购物模块首页的设计&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999...
274.茶品人生茶叶文化主题网页 大学生期末大作业 Web前端网页制作 html+css
A240307的博客
06-03 909
本实例应用html+css：菜单栏、视频、登录页面等。适用于大学生网页课程作业设计。网页支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改；支持包括IE、Firefox、Chrome、Safari主流浏览器浏览。
ollama v0.32.14正式发布：WebP 自动转码、Qwen 系统消息兼容升级与 llama.cpp、MLX 更新全解析
最新发布
福大大架构师每日一题
08-18 677
如果检测到输入为 WebP，则会先解码为图像，再编码为 PNG，最后将 PNG 数据传递给后续请求。可以确认的是，该文件属于 LLM 图片集成测试，并且此次 v0.32.14 的核心更新之一正是 llama-server 对 WebP 图片的转码处理。此外，版本还更新了 llama.cpp、MLX 的版本标识，登记了 DeepSeek Harness 文档入口，并更新了相关模型启动示例。通过这一函数，WebP 转 PNG 的行为被集中封装，Completion 和 Chat 两类请求都复用同一套逻辑。
海湾NGstCfg4.0消防主机配置工具（含Linux通信库与设备信息模板）
这是一套专用于海湾消防报警主机的现场编程与系统配置工具，核心为NGstCfg4.0软件，支持主机参数设置、回路配置、设备地址分配、广播区定义、按键功能映射、中继器管理及逻辑公式编辑等功能。包内包含完整运行依赖：Qt5系列动态库（Qt5Core.dll、Qt5Gui.dll、Qt5Widgets.dll等）、ICU国际化组件（icudt53.dll、icuuc53.dll）、OpenSSL加密模块（libeay32.dll）、多媒体与钩子扩展（Qt5Multimedia.dll、TaskKeyHook.dll）、跨平台通信库（liblinuxgstcom.a、libNlinuxgstcom.a、liblinuxgstreg.a）以及多类临时导出模板文件（~tmp_DeviceInfo.csv、~tmp_LoopInfo.csv等），便于工程调试与批量导入导出。数据库文件GstFireSystem.db、NGstFireSystem.db、data.db用于存储主机配置数据，Thumb.db与ThumbBak.db为缩略图缓存。软件适配Windows平台运行，需配合海湾特定硬件协议使用。
采用惯导、GPS与气压计数据的飞控系统高度滤波算法.pdf
采用惯导、GPS与气压计数据的飞控系统高度滤波算法.pdf
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值