web前端

已于 2024-07-07 23:38:44 修改
阅读量196 收藏
点赞数 3
文章标签： 前端
于 2024-07-07 23:35:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xz15881991074/article/details/140254513
版权

作业1：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
</head>
<body>
    <h1 style="text-align: center;" >用户注册</h1>
    <form action="../1.4多媒体标签/1.4.1图片标签.html"method="post" style="text-align: center;">
<p>用户名：<input type="text"name="Username"maxlength="20px"></p>
<p>密码：<input type="password" name="Userpass"maxlength="20px"></p>    
<p>性别:<input type="radio"name="sex"value="1"id=""checked>男
<input type="radio"name="sex"value="0"id="">女</p>
    <p>爱好:<input type="checkbox"name="like"value="写作"id="">写作
    <input type="checkbox"name="like"value="听音乐"id="">听音乐
    <input type="checkbox"name="like"value="体育"id="">体育</p>
    <p>省份:<select name="province"id="">
        <option value="陕西省" checked>陕西省</option>
        <option value="山东省" >山东省</option>
    </select></p>
    <p>自我介绍：<textarea name="intro"id=""width="25px"height="5px"></textarea></p>
        <p><button type="submit" name="send">提交</button>
        <button type="reset"name="reset">重置</button></p>
    </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></title>
    <style>
        
    </style>
</head>
<body>
    <h1>工商银行电子汇款单</h1>
    <table border="1px" 
    width="1000px"height="400px" align="left" cellpadding="5px" cellspacing="0px" >
 <tr>
<td colspan="2"><b>回单类型</b></td>
 <!-- <td></td> -->
<td>网上转账汇款</td>
<td colspan="2"><b>指令序号</b></td>
<!-- <td></td> -->
<td>HQH00000000000138781721</td>
</tr>
<tr>
<td rowspan="4"><b>收<br> 款<br>人</b><br></td> 
</td>
<td>户名</td>
<td>老牟</td>
<td rowspan="4">
<b>付<br>
款<br>
人<br></b></td>
<td>户名</td>
<td>老刘</td>
</tr>
<tr>
<!-- <td></td> -->
<td><b>卡号</b></td>
<td>000000000001</td>
<!-- <td></td> -->
<td><b>卡号</b></td>
<td>000000000002</td>
</tr>
<tr>
<!-- <td></td> -->
<td>地区</td>
<td>南京</td>
<!-- <td></td> -->
<td>地区</td>
<td>杭州</td>
</tr>
 <tr>
<!-- <td></td> -->
<td><b>网点</b></td>
<td>工商江苏南京业务处理中心</td>
<!-- <td></td> -->
<td><b>网点</b></td>
<td>江苏徐州业务中心</td>
 </tr>
<tr>
<td colspan="2">    <b>币种</b></td>
 <!-- <td></td> -->
 <td>人民币</td>
 <td colspan="2"><b>钞汇标志</b></td>
 <!-- <td></td> -->
 <td><u>钞票</u></td>
 </tr>
<tr>
<td colspan="2"><b>金额</b></td>
<!-- <td></td> -->
<td>1.00元</td>
 <td colspan="2"><b>手续费</b></td>
<!-- <td></td> -->
<td>0.57元</td>
</tr>
<tr>
<td colspan="2"><b>合计</b></td>
 <!-- <td></td> -->
<td colspan="4">人民币(大写）:壹元整</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
</tr>
<tr>
<td colspan="2"><b>交易时间</b></td>
 <!-- <td></td> -->
   <td><i>2017年6月1日</i></td>
<td colspan="2"><b>时间戳</b></td>
<!-- <td></td> -->
 <td><i>2017-06-01-13.00.00.00 00000</i></td>
</tr>
</table><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p>票据打印时间:2017-06-01 15:00:12<br>
<s>票据打印单位:江苏徐州业务中心</s><br>
操作员:大曾</p>
</table>
</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>将进酒</title>
</head>
<body><h1><span style="font-size: 40px;">将进酒</span>&nbsp;&nbsp;君不见黄河之水天上来</h1> <p><pre>
    <img src="https://so1.360tres.com/t01045c80a85c9f19ca.jpg" width="400px" height="500px" align="left">
    君不见，黄河之水天上来，奔流到海不复回。

    君不见，高堂明镜悲白发，朝如青丝暮成雪。
    
    人生得意须尽欢，莫使金樽空对月。
    
    天生我材必有用，千金散尽还复来。
    
    烹羊宰牛且为乐，会须一饮三百杯。
    
    岑夫子，丹丘生，将进酒，杯莫停。
    
    与君歌一曲，请君为我倾耳听。
    
    钟鼓馔玉不足贵，但愿长醉不复醒。
    
    古来圣贤皆寂寞，惟有饮者留其名。
    
    陈王昔时宴平乐，斗酒十千恣欢谑。
    
    主人何为言少钱，径须沽取对君酌。
    
    五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。
    </pre></p>
</body>
</html>

作业4：

main{
    margin: auto;
    width: 50vw;
    }
    .movie{
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    .movie-center{
    width: 50%;
    display: flex;
    justify-content: space-between;
    }
    .location{
    width: 40%;
    display: flex;
    justify-content: space-between;
    }
    .movie-1-row,.movie-2-row{
    display: flex;
    justify-content: space-between;
    }
    .each-movie{
    width: 100px;
    text-align: center;
    }
    img{
    width: 200px;
    height: 200px
    }
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>作业4</title>
<link rel="stylesheet" type="text/css" href="xz.css">
</head>
<body>
<main>
<h1>热门电影模块</h1>
<hr>
<div class="movie">
<h2>最近热门电影</h2>
<div class="movie-center">
<p>热门</p >
<p>最新</p >
<p>豆瓣高分</p >
<p>冷门佳片</p >
    <div class="location">
<p>华语</p >
<p>欧美</p >
<p>韩国</p >
<p>日本</p >
</div>
</div>
<p>更多>></p >
</div>
<hr>
<div>
<div class="movie-1-row">
<div class="each-movie">
<img src="./你好李焕英.jpg" alt="">
<p>你好李焕英</p >
</div>
 <div class="each-movie">
 <img src="./战狼.jpg" alt="">
<p>战狼</p >
</div>
 <div class="each-movie">
<img src="./极速特工.jpg" alt="">
<p>极速特工</p >
</div>
<div class="each-movie">
<img src="./澳门风云.jpg" alt="">
<p>澳门风云</p >
</div>
 </div>
<div class="movie-2-row">
<div class="each-movie">
<img src="./蜘蛛侠.jpg" alt="">
<p>蜘蛛侠</p >
</div>
<div class="each-movie">
<img src="./赌神.jpg" alt="">
<p>赌神</p >
</div>
<div class="each-movie">
<img src="./速度与激情.jpg" alt="">
<p>速度与激情</p >
</div>
<div class="each-movie">
<img src="./飞驰人生.jpg" alt="">
<p>飞驰人生</p >
</div>
</div>
</div>
</main>
</body>
</html.>

未来的旋律～
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WEB前端简历模板
皮皮的博客
10-15 4万+
WEB前端简历模板 详细资料 姓名：XXX 出生年月：XXXX年X月 名 族：X族 政治面貌：XXXX ...
web前端进阶架构师之路
m0_67537062的博客
03-26 4766
web前端架构师必学知识点，包含Vue、React、Electron、服务端渲染、微前端、前端性能优化、前端工程化、前端面试等方面的知识。
web前端html期末大作业实例 (1500套)
HTML网页设计
10-03 8万+
临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页设计老师的作业要求感到头大？网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说，直接看效果。📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确
web前端发展历程
官方推荐
05-30 3万+
前言 目前在IT公司中前端的岗位越来越成为不可或缺的，前端的地位也愈见明显，很多学校已经体系的传授前端课程，众多培训机构也将前端知识作为了主流课程，也有越来越多的同学加入到前端学习的行列中，作为前端工程师或者前端的学习者我们有必要去了解前端的发展史。...
web前端开发（一）—HTML基础
热门推荐
mdxiaohu的博客
07-31 10万+
  目录 web前端简介 什么是HTML？ HTML标签 HTML基本结构 HTML 段落标签 HTML 换行标签 HTML标题 HTML 水平线 HTML注释 HTML 标签 HTML 列表标签 HTML表格 HTML超链接 HTML 图片 HTML表单 表单元素-文本、密码框 表单元素-多行文本框 表单元素-选择框 表单元素-下拉选择框 表单元素-按钮...
web前端开发技术储久良第三版答案
12-09
《Web前端开发技术储久良第三版答案》涵盖了前端开发领域的关键知识点，主要针对储久良教授编著的教材第三版中的习题和实验提供了详尽的解答。这本书旨在帮助学习者深入理解Web前端开发的核心概念和技术，通过解决...
Web前端大作业.zip
05-22
《Web前端大作业——构建漫步时尚广场完整项目》 在本次Web前端的大作业中，我们面临的挑战是构建一个名为“漫步时尚广场”的完整项目。这个项目涵盖了网页设计、交互实现以及后端数据处理等多个方面，旨在提升我们...
web前端技术方案web前端技术方案
05-07
Web 前端技术方案 一、前端技术体系的基本架构 前端技术体系的基本架构应遵循以下原则： 1. 围绕业务发展：前端技术体系的设计应紧扣业务需求，确保技术架构的演进是为了支撑业务的发展。 2. 结合团队规模和特点...
WEB前端-案例汇总
11-08
在“WEB前端-案例汇总”这个资源包中，包含了丰富的前端开发实例，旨在帮助初学者逐步进阶，全面掌握前端开发的各项技能。这个资源大汇总几乎涵盖了前端开发的所有领域，对于想要深入学习和理解Web前端技术的人来说...
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 688
10. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。11. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。12. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。
微信小程序开发笔记之”表单读不出数据“解决指南
qq_46396470的博客
07-12 319
脑瓜子好了后，忘记了表单控件必须要加上。提交后打印的字典是空的，卡了十几分钟。
【零基础】学JS之APIS第三天
大学生小郑的博客
07-12 1643
【零基础】学JS之APIS第三天
Web 中POST为什么会发送两次请求
拥有必珍惜
07-16 738
我们在做Web开发时，经常会使用浏览器F12查看请求参数是否正确，但是会发现POST请求，一个地址发送了两次请求，第一次是OPTIONS，第二次才是POST请求，下面我们将就是问题进行深入分析。POST请求发送两次的问题看似简单，实际上涉及了很多知识点，包括浏览器的重试机制、跨域请求的预检机制、表单的自动提交、服务器配置问题以及前端代码中的逻辑错误等。
＜Rust＞＜GUI＞rust语言GUI库tauri体验：前、后端结合创建一个窗口并修改其样式
用沸腾的热血，支付我们的人生吧！
07-16 782
前言 本文是rust语言下的GUI库：tauri来创建一个窗口的简单演示，主要说明一下，使用tauri这个库如何创建GUI以及如何添加部件、如何编写逻辑、如何修改风格等，所以，这也是一个专栏，将包括tauri库的多个方面。 环境配置 系统：windows 平台：visual studio code 语言：rust、javascript、html、css 库：tauri概述 本文是tauri库系列博文的第一篇，主要是简单实现一个窗口程序并成功运行，当然，这是基于官方的示例，事实上官方给出的上手例程非常详细，不
【Web前端技术 01】 探索HTML5的奥秘：为初学者打造网页的基石
最新发布
Wc&Yd博客
07-16 529
探索HTML5奥秘，本文带初学者迈入网页设计大门。详解HTML5文档结构、语义化标签、新增API，助您构建现代网页，激发学习兴趣，开启开发之旅。
java Web学习笔记（三）
qq_62678419的博客
07-12 1048
java 前端工程框架 vue3 包括以下依赖的学习 vite npm router axios
Web前端项目开发规范 .pdf
10-16
"Web前端项目开发规范" 本文档主要针对Web前端项目开发制定了一系列规范，旨在提升团队协作效率，确保后台人员能方便地添加功能，并且方便前端的后续优化和维护。规范内容包括通用规范、命名规范以及文件引用等方面...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值