前端web作业1

最新推荐文章于 2024-07-16 17:18:30 发布
最新推荐文章于 2024-07-16 17:18:30 发布
阅读量110 收藏
点赞数 3
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xingkong_999/article/details/140307753
版权

作业1：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>作业1</title>
</head>
<body>
<table>
<tr>
<th bgcolor="gray">用户注册</th>
</tr>
<tr>
 <td>
用户名<input type="text" name="username">
</td>
 </tr>
<tr>
<td>密码<input type="password" name="userpass"></td>
</tr>
<tr>
<td>
性别<input type="radio" name="sex" value="男" >男
<input type="radio" name="sex" value="女">女
</td>
</tr>
<tr>
<td>
爱好<label ><input type="checkbox" name="like" value="写作">写作</label>
<label><input type="checkbox" name="like" value="听音乐">听音乐</label>
<label><input type="checkbox" name="like" value="体育">体育</label>

</td>
</tr>
<tr>
<td>
省份<select name="province" id="">
<option value="陕西省">陕西省</option>
<option value="山西省">山西省</option>

</select>
</td>
</tr>
<tr>
<td>
自我介绍<input type="text" name="自我介绍" id="" value="这个家伙什么也没有留下">
 </td>
</tr>

<tr>
<td bgcolor="gray" align="center">
<button type="submit">提交</button>
<button type="reset">重置 </button>
</td>
 </tr>
</table>
</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>作业2</title>
</head>
<body>
<th><strong>工商银行电子汇款单</strong></th><br>
<table border="1px" width="800px" height="600px">
<tr>
<td colspan="2"><strong>回单类型</strong></td>
<td>
    网上转账汇款
</td>
<td colspan="2">
    <strong>指令序号</strong>
</td>
<td>
HQH00000000000013878172
</td>
 </tr>
<tr>
<td rowspan="4">
<strong>收<br>款<br>人</strong>
</td>
<td>
户名
</td>
<td>老牟</td>
<td rowspan="4">
 <strong>付<br>款<br>人</strong>
</td>
<td>户名</td>
<td>老刘</td>
</tr>
<tr>
<!-- <td></td> -->
<td>
<strong>卡号</strong>
 </td>
<td>0000000000001</td>
<td>
<strong>卡号</strong>
</td>
 <td>0000000002</td>
</tr>
<tr>
 <!-- <td></td> -->
<td>地区</td>
<td>南京</td>
<td>地区</td>
<td>杭州 </td>
</tr>
 <tr>
    <!-- <td></td> -->
<td><strong>网点</strong></td>
<td>工商江苏南京业务处理中心</td>
<td><strong>网点</strong></td>
<td>江苏徐州业务中心</td>
</tr>
<tr>
<td colspan="2"><strong>币种</strong></td>
<td>人民币</td>
<td colspan="2"><strong>钞汇标志</strong></td>
<td>钞票</td>
</tr>
<tr>
<td colspan="2"><strong>金额</strong></td>
<td>1.00元</td>
<td colspan="2"><strong>手续费</strong></td>
<td>0.57元</td>
</tr>
<tr>
<td colspan="2"><strong>合计</strong></td>
<td colspan="5">人民币（大写）：壹圆整</td>

</tr>
<tr>
<td colspan="2"><strong>交易时间</strong></td>
<td><2017年6月1日/td>
<td colspan="2"><strong>时间戳</strong></td>
<td>2017-06-01-13.000.00. 00000</td>
</tr>
</table>
票据打印时间:2017-02-01 15:00:12<br>
<del>票据打印单位：江苏徐州业务中心
</del><br>
    操作员:大曾
    </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>作业3</title>
</head>
<body>
<span style="font-size: 50px;" sty >将进酒</span>
 &nbsp;&nbsp;<span style="font-size: 40px;">君不见黄河之水天上来</span>
<br>
<table>
<tr>
<td rowspan="13"><img src="https://pic3.zhimg.com/v2-64065b133af58b8719165eac9550a728_r.jpg" alt=""></td>
<td>君不见，黄河之水天上来，奔流到海不复回。</td>
</tr>
<tr>
<td>君不见，高堂明镜悲白发，朝如青丝暮成雪</td>
</tr>
<tr>
<td>人生得意须尽欢，莫使金樽空对月。</td>
</tr>
<tr>
<td>天生我材必有用，千金散尽还复来。</td>
</tr>
<tr>
<td>烹羊宰牛且为乐，会须一饮三百杯。</td>
</tr>
<tr><td>岑夫子，丹丘生，将进酒，杯莫停。</td></tr>
<tr>
<td>与君歌一曲，请君为我倾耳听。</td>
</tr>
<tr>
<td>
 钟鼓馔玉不足贵，但愿长醉不复醒。
</td>
 </tr>
<tr><td>古来圣贤皆寂寞，惟有饮者留其名</td></tr>
<tr><td>陈王昔时宴平乐，斗酒十千恣欢谑。</td></tr>
<tr><td>主人何为言少钱，径须沽取对君酌。</td></tr>
<tr><td>五花马，千金裘，</td></tr>
<tr><td>呼儿将出换美酒，与尔同销万古愁。</td></tr>
</table>
</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>作业4</title>
</head>
<body>
<span style="font-size: 30px;">
热门电影板块
</span>
<table>


<tr>
 <td>
<hr>
</td>
<td>
热门
</td>
<td>最新</td>
<td>豆瓣高分</td>
<td>冷门佳片</td>
<td>华语</td>
<td>韩国</td>
<td>日本&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</td>
<td style="right">更多>></td>

</tr>

</table>
<table>
<tr style="height: 40%;">
 <td><img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.2U6zig0FvWY_Lr7eSL-SAgHaKe?w=202&h=286&c=7&r=0&o=5&dpr=1.5&pid=1.7" alt="" height="263px" width="200px"></td>
<td><img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.dAVgYLcUO6qC9EEQ2BA-zwHaKe?w=202&h=286&c=7&r=0&o=5&dpr=1.5&pid=1.7" alt="" height="263px" width="200px"></td>
<td><img src="https://tse2-mm.cn.bing.net/th/id/OIP-C.Id31hDQaBIThMjtieemx5AHaKX?w=202&h=282&c=7&r=0&o=5&dpr=1.5&pid=1.7" alt="" height="263px" width="200px"></td>
<td><img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.x-9o0LcCi4jWYUNR1sy1dQHaKW?w=202&h=282&c=7&r=0&o=5&dpr=1.5&pid=1.7" alt="" height="263px" width="200px"></td>
 </tr>
<tr style="height: 10%;">
     <td>长安三万里</td>
 <td>功夫熊猫</td>
<td>金刚狼</td>
<td>大人物</td>
 </tr>
<tr style="height: 40%;">
    
<td><img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.WDuw6EHEcq6qvpoN2KYMXQHaK3?w=202&h=297&c=7&r=0&o=5&dpr=1.5&pid=1.7" alt="" height="263px" width="200px"></td>
<td><img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.0MR4utMbR1DbidLoyuCwdwHaL1?w=197&h=315&c=7&r=0&o=5&dpr=1.5&pid=1.7" alt="" height="263px" width="200px"></td>
<td><img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.TPgk5YznDzime6a2tD0FcwHaKX?w=202&h=282&c=7&r=0&o=5&dpr=1.5&pid=1.7" alt="" height="263px" width="200px"></td>
<td><img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.pPrCm3xqyA7upyHQbxSN8wHaKV?w=202&h=282&c=7&r=0&o=5&dpr=1.5&pid=1.7" alt="" height="263px" width="200px"></td>
</tr>
<tr style="height: 10%;">
    <td>肖申克的救赎</td>
 <td>万里归途</td>
<td>急先锋</td>
<td>一九四二</td>
</tr>
</table>
</body>
</html>

xingkong_999
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Web前端大作业.zip
05-22
1. **Web大作业.docx**：这是一个文档文件，很可能包含了项目的需求说明、设计思路、技术选型以及注意事项等内容。在开始项目之前，详细阅读这份文档至关重要，它能帮助我们理解项目的整体框架和实现细节。 2. **...
大学网页设计前端Web大作业
03-21
【标题】"大学网页设计前端Web大作业"揭示了这个项目是针对大学生的一份课程作业，专注于前端Web开发。在Web开发中，前端是用户在浏览器中直接接触的部分，包括网页的布局、交互和视觉效果。 【描述】提到，这份...
web前端 作业 1
no_caliper的博客
10-28 380
web前端 第一天
web前端期末大作业（附有源码）
m0_74087268的博客
12-28 9409
这里使用的是Visual Studio Code（VSCode）设计的Web前端作业，包括了HTML、CSS和JavaScript。选用VSCode作为开发环境和工具来说有诸多优势之处，也给设计前端时带来了诸多益处。首先，是VSCode智能代码提示和补全。VSCode具备强大的代码提示功能，能够根据输入和上下文提供智能建议，减少拼写错误和语法问题，提高编码效率。其次，VSCode拥有丰富的扩展生态系统。
web前端html期末大作业实例 (1500套)
热门推荐
HTML网页设计
10-03 8万+
临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页设计老师的作业要求感到头大？网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说，直接看效果。📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确
web前端技术课程作业
weixin_47572370的博客
02-08 9911
web前端技术课程作业 1 网站的设计选题 主题：我的家乡—浙江省绍兴市诸暨市 目标用户：全国各地的游客 意义：向他们介绍我美丽家乡的特色小镇、主导产业、旅游景区、美食、名人、著名高校等等，从经济、文化等方面全方位介绍，让全国各地的人们都了解我的家乡，并喜欢上这座城市。 2 网站的内容规划 （1）本网站设置6个栏目，分别是“特色小镇”、“主导产业”和“旅游景区”、“美食”、“名人”和“著名高校”，但主要介绍“主导产业”、“著名高校”和“美食” a)“主导产业”：经济是衡量一个城市的指标，因此会选择介绍与经济
Web前端大作业网上商城页面
心态的博客
04-29 767
本项目适合于大一大二刚学习web前端的同学，也可作为大作业。
Web前端技术开发期末大作业（旅游网站）
weixin_46218415的博客
06-19 2万+
本项目是WEB前端课程的期末课程设计，采用了HTML和CSS编程，加了少量的JAVAscript代码，网站一共包含了10个页面，网站的类型是旅游网站，颜色主题是蓝色 可分享源码示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 代码如下（示例）： 首页代码（HTML） CSS样式代码 总结 可分享源码...
web前端作业1
qq_64951792的博客
01-10 424
作业效果图
web 前端 大作业
jonathan_joestar的博客
04-01 4874
web 前端 大作业 没有框架 也没有后端数据交互,就是静态页面而已. 只是最简单的html css js https://www.kdocs.cn/l/cuFeWBp7sK5h [金山文档] web 报告.docx 链接：https://pan.baidu.com/s/1TXFK37S9cl1OAHIkHg3uIA 提取码：zwd6 复制这段内容后打开百度网盘手机App，操作更方便哦 ...
web前端html5网页作业,Web前端开发第一次作业
weixin_39957027的博客
06-21 750
(1)分别说出什么是HTML,XHTML,HTML5HTML为一种超文本标记语言,用这种语言浏览器几乎都能识别.独立于各种操作系统平台.XHTML为一种可扩展超文本标记语言,表现方式于超文本标记语言类似,不过语法比较严格.HTML5是用于取代HTMLH和XHTML的一个标准版本.(2)写出HTML的语法语法不区分字母大小写。(3)HTML中的注释和CSS中的注释HTML的注释:CSS注释:(4)C...
web前端期末大作业实例 (1500套) 集合
有问必答，欢迎打扰，项目开发，网页设计
11-08 3万+
临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页设计老师的作业要求感到头大？网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说，直接看效果。📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确
Web前端网页期末大作业
01-10
主页设计布局是在网站的左上... 首先选定 本网页制作工具是前端开发利器： WebStorm，创建前端项目工程，并创建相应的文件夹，存放各个css、js，还有网页中用到的各种图片放到pic文件夹中，背景音乐放到music文件夹中。
大一下Web前端期末大作业
05-28
要求是8个html页面，但是我比较懒，而且不会为了一点绩点去...而且没有一般大作业那种，实现点菜和价格选择的，很多功能都没有，水过一学期，只能说有了点经验，很多作业也是抄答案的，网课认真上了一半左右，先这样吧
OpenSNN推文：近期优质博客推荐汇总
opensnn的博客
07-12 350
国内个人博客站点众多，涵盖了技术、生活、艺术等多个领域。
更新商品前端接口编写
weixin_55639995的博客
07-12 381
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
Web前端-Web开发CSS基础6-弹性盒子
最新发布
a15735748145a的博客
07-16 687
10. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。11. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。12. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。
微信小程序开发笔记之”表单读不出数据“解决指南
qq_46396470的博客
07-12 319
脑瓜子好了后，忘记了表单控件必须要加上。提交后打印的字典是空的，卡了十几分钟。
【零基础】学JS之APIS第三天
大学生小郑的博客
07-12 1642
【零基础】学JS之APIS第三天
web前端大作业js
05-24
Web前端大作业JS是一门基于JavaScript的编程语言，主要用于Web前端开发中的交互效果、动态效果和数据处理等方面。通过使用JS，可以实现一些动态的功能，比如说：表单验证、轮播图、下拉菜单、弹出框等等。 在Web...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值