web前端作业

于 2024-07-09 22:56:21 发布
阅读量773 收藏 7
点赞数 25
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_81350613/article/details/140308497
版权

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>用户注册</title>

</head>

<body>

    <table border="2px" align="center" >

        <tr>

            <td bgcolor="gray" width="600px" height="50px" align="center" colspan="2">

                <strong>用户注册</strong>

            </td>

        </tr>

        <tr>

            <td width="200px" align="center" colspan="2">

                <b>用户名</b>

                <label>

                    <input type="text"  width="15" maxlength="20">

                </label>

            </td>

            </td>

        </tr>

        <tr>

            <td width="200px" align="center" colspan="2" >

                <b>密码</b>

                <label>

                    <input type="password"  width="15" maxlength="20">

                </label>

            </td>

            </td>

        </tr>

        <tr>

            <td width="200px" align="center" colspan="2" >

                <b>性别</b>

                <label> <input type="radio" name="gender" checked>男</label>

                <label> <input type="radio" name="gender" >女</label>

            </td>  

            </td>

        </tr>

        <tr>

            <td  width="200px" align="center" colspan="2" name="like">

                <b>爱好</b>

                <label for=""><input type="checkbox" name="hobby" value="写作">写作</label>

                <label for=""><input type="checkbox" name="hobby" value="听音乐">听音乐</label>

                <label for=""><input type="checkbox" name="hobby" value="体育">体育</label>

            </td>

            </td>    

        </tr>

        <tr>

            <td  width="200px" align="center" colspan="2" name="province" >

                <b>省份</b>

                <label>

                    <select>

                        <option>陕西省</option>

                        <option>山西省</option>

                        <option>四川省</option>

                </label>

                </td>

            </td>

        </tr>

        <tr>

            <td  width="200px" height="100px" align="center" >

                <label>

                    <textarea name="comment" rows="10" cols="30" placeholder="自我介绍"></textarea>

                </label>

            </td>

        </tr>

            <tr>

                <td  width="200px" align="center" colspan="2" name="province" >

                    <label>

                        <input type="submit" value="注册用户" />

                        <br>

                        <input type="reset" value="重置数据" />

                        <br>

                    </label>

                    </td>

                </td>

            </tr>

        </body>

        </html>

<!DOCTYPE html>

<html lang="en">

<head>

 <meta charset="UTF-8">

 <title>工商银行电子汇款单</title>

</head>

<body>

 <span>

 <h1>工商银行电子汇款单</h1>

 </span>

 <table border="1px" cellspacing="0" width="900px" height="405px">

 <tr height="45px">

 <td width="5%" colspan="2"><b>回单类型</b></td>

 <!-- <td width="10%"></td> -->

 <td width="35%">网上转账汇款</td>

 <td width="5%" colspan="2"><b>指令序号</b></td>

 <!-- <td width="10%"></td> -->

 <td width="35%">HQH0000000000000013878172</td>

 </tr>

 <tr height="45px">

 <td width="3%" rowspan="4"><b>收款人</b></td>

 <td width="10%">户名</td>

 <td width="35%">老牟</td>

 <td width="3%" rowspan="4"><b>付款人</b></td>

 <td width="10%">户名</td>

 <td width="35%">老刘</td>

 </tr>

 <tr height="45px">

 <!-- <td width="5%"></td> -->

 <td width="10%"><b>卡号</b></td>

 <td width="35%">000000000001</td>

 <!-- <td width="5%"></td> -->

 <td width="10%"><b>卡号</b></td>

 <td width="35%">000000000002</td>

 </tr>

 <tr height="45px">

 <!-- <td width="5%"></td> -->

 <td width="10%">地区</td>

 <td width="35%">南京</td>

 <!-- <td width="5%"></td> -->

 <td width="10%">地区</td>

 <td width="35%">杭州</td>

 </tr>

 <tr height="45px">

 <!-- <td width="5%"></td> -->

 <td width="10%"><b>网点</b></td>

 <td width="35%">工商江苏南京业务处理中心</td>

 <!-- <td width="5%"></td> -->

 <td width="10%"><b>网点</b></td>

 <td width="35%">江苏徐州业务中心</td>

 </tr>

 <tr height="45px">

 <td width="5%" colspan="2"><b>币种</b></td>

 <!-- <td width="10%"></td> -->

 <td width="35%">人民币</td>

 <td width="5%" colspan="2"><b>钞汇标志</b></td>

 <!-- <td width="10%"></td> -->

 <td width="35%">人民币</td>

 <td width="5%" colspan="2"><b>钞汇标志</b></td>

 <!-- <td width="10%"></td> -->

 <td width="35%">钞票</td>

 </tr>

 <tr height="45px">

 <td width="5%" colspan="2"><b>金额</b></td>

 <!-- <td width="10%"></td> -->

<td width="35%">1.00元</td>

<td width="5%" colspan="2"><b>手续费</b></td>

 <!-- <td width="10%"></td> -->

 <td width="35%">0.57元</td>

 </tr>

 <tr height="45px">

 <td width="5%" colspan="2"><b>合计</b></td>

 <!-- <td width="10%"></td> -->

 <td width="35%" colspan="4">人民币（大写）：壹圆整</td>

 <!-- <td width="5%"></td> -->

 <!-- <td width="10%"></td> -->

 <!-- <td width="35%"></td> -->

 </tr>

 <tr height="45px">

 <td width="5%" colspan="2"><b>交易时间</b></td>

 <!-- <td width="10%"></td> -->

 <td width="35%">2017年6月1日</td>

 <td width="5%" colspan="2"><b>时间戳</b></td>

 <!-- <td width="10%"></td> -->

 <td width="35%">2017.06-01-13.00.00, 00000</td>

 </tr>

 </table>

 <p>票据打印时间:2017-06-01 15:00:12</p >

 <p><del>票据打印单位：江苏徐州业务中心</del></p >

 <p>操作员：大善</p >

</body>

</html>

<!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>

 <h1>热门电影板块</h1>

 <hr>

 <table>

 <tr>

<td width="360px"><big><b>最近热门电影</b></big></td>

<td width="90px"><big>热门</big></td>

<td width="90px"><big>最新</big></td>

<td width="120px"><big>豆瓣高分</big></td>

<td width="120px"><big>冷门佳片</big></td>

<td width="90px"><big>华语</big></td>

<td width="90px"><big>欧美</big></td>

<td width="90px"><big>韩国</big></td>

<td width="350px"><big>日本</big></td>

<td width="70px"><big>更多>></big></td>

 </tr>

 </table>

 <hr>

 <table>

<tr>

 <td width="200px"><img src="https://img.zcool.cn/community/0130215bf57cb3a80121ab5db623c5.jpg@2o.jpg" alt="" width="400px" height="600px"></td>

 <td width="200px"><img src="https://img.zcool.cn/community/0198425d33fa68a80120695c145f04.jpg@1280w_1l_2o_100sh.jpg" alt="" width="400px" height="600px"></td>

 <td width="200px"><img src="https://img.zcool.cn/community/011d3855685d790000012716399ff2.jpg@2o.jpg" alt="" width="400px" height="600px"></td>

 <td> <img src="https://img.zcool.cn/community/010c3259802d63a8012156034f0295.jpg@1280w_1l_2o_100sh.jpg" alt="" width="400px" height="600px"></td>

 </tr>

<tr>

     <td>死侍2</td>

     <td>寒战</td>

     <td>金刚狼</td>

     <td>战狼2</td>

     </tr>

     <tr>

     <td><img src="https://img.zcool.cn/community/01c1335d3ffa0fa8012187f4a957bc.jpg@1280w_1l_2o_100sh.jpg" alt="" width="400px" height="600px"></td>

     <td><img src="https://img.zcool.cn/community/0124e05c47fa99a801203d22e36935.jpg@1280w_1l_2o_100sh.jpg" alt="" width="400px" height="600px"></td>

     <td><img src="https://img.zcool.cn/community/010fb855ec5acc6ac7251df80ffcfd.jpg@1280w_1l_2o_100sh.jpg" alt="" width="400px" height="600px"></td>

     <td><img src="https://img.zcool.cn/community/013d155c184b96a801209252b7c631.jpg@1280w_1l_2o_100sh.jpg" alt="" width="400px" height="600px"></td>

     </tr>

     <tr>

     <td>烈火英雄</td>

     <td>流浪地球</td>

     <td>三体</td>

     <td>盗墓笔记</td>

     </tr>

     </table>

    </body>

    </html>

<!DOCTYPE html>

<html lang="en">

<head>

 <meta charset="UTF-8">

 <title>将进酒</title>

</head>

<body>

 <div style="width:500px;height:65px;">

<h1>将近酒<small>&nbsp;君不见黄河之水天上来</small></h1>

 </div>

<table width="650px" height="500px" >

<tr>

<td valign="top"><img src="https://ts1.cn.mm.bing.net/th/id/R-C.7f21b905ae1df9b243a06e59cc6c87ba?rik=AHFD2pLq7r3zfw&riu=http%3a%2f%2fpic.616pic.com%2fys_bnew_img%2f00%2f07%2f87%2fQOYEjZffn1.jpg&ehk=xAbtE9G6cBxze%2fa3PfboX36516l9iZsU58u8zkUg%2fu4%3d&risl=&pid=ImgRaw&r=0" width="280px"></td>

<td width="70%" valign="top">

<p>君不见黄河之水天上来，奔流到海不复回。</p >

    <p>君不见高堂明镜悲白发，朝如青丝暮成雪。</p >

<p>人生得意须尽欢，莫使金樽空对月。</p >

<p>天生我材必有用，千金散尽还复来。</p >

 <p>京羊宰生且为乐，会须一饮三百杯。</p >

 <p>岑夫子，丹丘生，将进酒，杯莫停。</p >

 <p>与君歌一曲，请君为我侧耳听。</p >

 <p>钟鼓馔玉不足贵，但愿长醉不复醒。</p >

 <p>古来圣贤皆寂寞，惟有饮者留其名。</p >

 <p>陈王昔时宴平乐，斗酒十千恣欢谑!</p >

 <p>主人何为言少钱，径须沽取对君酌。</p >

 <p>五花马，千金袭，</p >

 <p>呼儿将出换美酒，与尔同销万古愁，</p >

</td>

</tr>

</table>

</body>

</html>

2301_81350613
关注
web前端代码大全_Web前端开发知识体系大全
weixin_39946534的博客
12-12 2363
//Web前端开发知识体系大全//Web前端开发的知识点很多，这里将知识划分为：理论知识，类库框架，编码开发，运行环境。第一，理论知识是非常重要的，每一种程序开发，都不能离开基础理论。第二，掌握了理论基础，就能学习编码了，在此之前得先学习第三方框架和类库，例如jQuery。第三，有了这些理论知识和类库框架，就可真正的编码了。第四，为了能高效、稳定的运行在相应的环境中，还学要懂得运行环境。...
WEB前端作业
m0_74704091的博客
07-22 91
强化生命物攻法攻
web前端常用代码
07-07
常用代码 eg.滚动<marquee direction=UP width="196" height="106" onmouseout=start() onmouseover=stop() scrollAmount=2> </marquee>
『总结』web前端开发常用代码整理
weixin_33736832的博客
09-09 2679
IE条件注释 条件注释简介 IE中的条件注释（Conditional comments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。 条件注释只能用于IE5以上，IE10以上不支持。 如果你安装了多个IE，条件注释将会以最高版本的IE为标准。 条件注释的基本结构和HTML的注释(<!– –&gt...
Web前端第一次作业
最新发布
shayell的博客
07-09 204
【代码】Web前端第一次作业。
html编码规范
weixin_30632883的博客
03-06 343
一直写html，但是从没有遵从过统一编码标准，导致自己编码不标准，更形不成统一风格，最近看了百度商业运营前端组的前端规范，深有体会，他们已经总结的相当到位，大部分都可以直接借鉴，针对个人和项目的不同可以在此基础上扩展，先奉上他们的原文链接，以下均为引用： 1 前言 HTML 作为描述网页结构的超文本标记语言，在百度一直有着广泛的应用。本文档的目标是使 HTML 代码风格保持一致，容易被理解和被...
Web前端作业1
C3395176206的博客
10-29 154
web前端作业1
web前端网页设计作品web期末大作业web前端作业网页制作代码web大作业制作网页代码
07-10
本资源就可以为你解决你所面临的这些问题，原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作资源合集，画面精美，非常适合初学者学习使用。 多套(HTML+CSS+JS)网页设计的学生期末大...
Web前端网页期末大作业
01-10
主页设计布局是在网站的左上... 首先选定 本网页制作工具是前端开发利器： WebStorm，创建前端项目工程，并创建相应的文件夹，存放各个css、js，还有网页中用到的各种图片放到pic文件夹中，背景音乐放到music文件夹中。
大学生Web前端静态网页设计期末大作业（高分必看）.zip
06-09
大学生Web前端静态网页设计期末大作业（高分必看）大学生Web前端静态网页设计期末大作业（高分必看）大学生Web前端静态网页设计期末大作业（高分必看）大学生Web前端静态网页设计期末大作业。大学生Web前端静态网页...
Web前端开发案例-源代码
08-04
html 和css 学习源码容翔实、结构清晰、循序渐进，基例实战紧密结合，既可作为HTML5+CSS3初学者的入门，也适合作为中高级用户对新技术作进一步学习的参考
前端网页HTML
12-08
前端网页开发代码，包含HTML和css等脚本语言。
web前端期末大作业源码.zip
04-22
【标题】"Web前端期末大作业源码.zip"是一个包含前端开发项目的压缩文件，这个项目很可能是学生在学期末完成的一项课程任务。它涉及到的主要技术包括HTML、CSS和JavaScript，这些都是构建网页和交互式用户体验的核心...
Web前端大作业.zip
05-22
《Web前端大作业——构建漫步时尚广场完整项目》 在本次Web前端的大作业中，我们面临的挑战是构建一个名为“漫步时尚广场”的完整项目。这个项目涵盖了网页设计、交互实现以及后端数据处理等多个方面，旨在提升我们...
web前端代码大全_Web前端开发代码规范（基础）
weixin_39528525的博客
12-06 7365
一、 引言 对于一个多人团队来说，制定一个统一的规范是必要的，因为个性化的东西无法产生良好的聚合效果，规范化可以提高编码工作效率，使代码保持统一的风格，以便于代码整合和后期维护。二、 HTML/CSS规范2.1 浏览器兼容根据公司业务要求而定，一般：主流程测试：Chrome 30+、IE9+；完整测试： Chrome 21、IE8+、360浏览器、微信webview/QQ手机浏览器。2.2 ...
WEB前端代码规范
manyu888888的博客
07-13 753
WEB前端代码规范
CSS 规范
weixin_34187822的博客
04-27 131
更新时间：2015年4月25日 版本：2015.04.25.00 修订：潘韬 历史修订 2015-04-25：第一新修订，潘韬 规范内容 语法 用两个空格来代替制表符tab这是唯一能保证在所有环境下获得一致展现的方法。 为选择器分组时，将单独的选择器单独放在一行。 为了代码的易读性，在每个声明块的左花括号前添加一个空格。声...
WEB前端开发练习代码
tiantianzs的博客
01-11 6195
<!DOCTYPE html> <!-- HTML5申明 --> <html lang="zh"> <!-- 表示本网站为中文网站 --> <!-- 头部，定义网页标题和字体样式等 --> <head> <meta charset="UTF-8"> <!-- 定义网页为UTF-8编码 --> <title>Web前端开发技术初步应用</title> &l.
web前端作业个人网页
11-04
个人网页是指一个个人展示自己信息和作品的网站，通常用来展示个人的专业技能、工作经历、项目经验、个人作品等内容。对于web前端作业的个人网页来说，一般需要考虑以下几个方面。 首先，设计界面。一个好的个人网页需要有清晰、美观的界面设计，包括网页的布局、颜色搭配、字体选择等。界面设计要符合个人风格，并且要注重用户体验，保证用户能够方便地浏览信息。 其次，编写网页代码。作为web前端作业，个人网页需要用HTML、CSS和JavaScript等前端技术来编写。通过合理的标签和样式设置，来实现网页的各种功能，包括导航栏、轮播图、响应式布局等。 另外，需要考虑网页的信息展示。个人网页的目的是展示个人信息和作品，因此需要合理地组织内容，包括个人简介、技能展示、工作经历、项目经验、作品展示等。可以通过分块、分类和标签等方式使信息更易于理解和浏览，同时也可以增加交互效果，使网页更具吸引力。 最后，要保证个人网页的兼容性和性能。考虑到不同浏览器和设备的差异，需要进行浏览器兼容性测试，以确保网页在各种环境下良好运行。同时还要考虑网页加载速度，尽量减少文件大小和请求次数，提高网页性能。 综上所述，web前端作业的个人网页是一个展示个人信息和作品的网站，需要考虑界面设计、编写网页代码、信息展示和兼容性性能等方面。通过合理的设计和编写，打造一个令人满意的个人网页。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值