web前端---第一次作业

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

作业一：用户注册

代码

<!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>    
    <form action="" method="post">  
        <table border="1" cellspacing="0px" cellpadding="10px" align="center">  
            <tr>
                <th colspan="2">用户注册</th>
                <!-- <th></th> -->
            </tr>
            <tr>  
                <th>用户名:</th>  
                <td><input type="text" name="username" maxlength="20" size="15" required></td>  
            </tr>  
            <tr>  
                <th>密码:</th>  
                <td><input type="password" name="password" maxlength="20" size="15" required></td>  
            </tr>  
            <tr>  
                <th>性别:</th>  
                <td>  
                    <input type="radio" name="sex" value="男" checked> 男  
                    <input type="radio" name="sex" value="女"> 女  
                </td>  
            </tr>  
            <tr>  
                <th>爱好:</th>  
                <td>  
                    <input type="checkbox" name="like" value="写作"> 写作  
                    <input type="checkbox" name="like" value="听音乐"> 听音乐  
                    <input type="checkbox" name="like" value="体育"> 体育  
                </td>  
            </tr>  
            <tr>  
                <th>省份:</th>  
                <td>  
                    <select name="province">  
                        <option value="shaanxi" selected>陕西省</option>  
                        <option value="shanxi">山西省</option>  
                    </select>  
                </td>  
            </tr>  
            <tr>  
                <th>自我介绍:</th>  
                <td><textarea name="intro" rows="5" cols="25">这个家伙什么也没留下</textarea></td>  
            </tr>  
            <tr>  
                <td colspan="2" align="center">  
                    <input type="submit" name="send" value="提交">  
                    <input type="reset" name="reset" value="重置">  
                </td>  
                <!-- <td></td> -->
            </tr>  
        </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>作业2</title>
</head>
<body>
    <p><strong><h1>工商银行电子汇款单</h1></strong></p>
    <table border="1px" width="800px" height="400px" align="left">
        <tr>
            <td colspan="2"><strong>回单类型</strong></td>
            <!-- <td></td> -->
            <td>网上转账汇款</td>
            <td colspan="2"><strong>指令序号</strong></td>
            <!-- <td></td> -->
            <td>HQH0000000000000013878172</td>
        </tr>
        <tr>
            <td rowspan="4"><strong>收款人</strong></td>
            <td>户名</td>
            <td>老牟</td>
            <td rowspan="4"><strong>付款人</strong></td>
            <td>户名</td>
            <td>老刘</td>
        </tr>
        <tr>
            <!-- <td></td> -->
            <td><strong>卡号</strong></td>
            <td>000000000001</td>
            <!-- <td></td> -->
            <td><strong>卡号</strong></td>
            <td>000000000002</td>
        </tr>
        <tr>
            <!-- <td></td> -->
            <td>地区</td>
            <td>南京</td>
            <!-- <td></td> -->
            <td>地区</td>
            <td>杭州</td>
        </tr>
        <tr>
            <!-- <td></td> -->
            <td><strong>网点</strong></td>
            <td>工商江苏南京业务处理中心</td>
            <!-- <td></td> -->
            <td><strong>网点</strong></td>
            <td>江苏徐州业务中心</td>
        </tr>
        <tr>
            <td colspan="2"><strong>币种</strong></td>
            <!-- <td></td> -->
            <td>人民币</td>
            <td colspan="2"><strong>钞汇标志</strong></td>
            <!-- <td></td> -->
            <td>钞票</td>
        </tr>
        <tr>
            <td colspan="2"><strong>金额</strong></td>
            <!-- <td></td> -->
            <td>1.00元</td>
            <td colspan="2"><strong>手续费</strong></td>
            <!-- <td></td> -->
            <td>0.57元</td>
        </tr>
        <tr>
            <td colspan="2"><strong>合计</strong></td>
            <!-- <td></td> -->
            <td colspan="4">人民币(大写):壹圆整</td>
            <!-- <td></td>
            <td></td>
            <td></td> -->
        </tr>
        <tr>
            <td colspan="2"><strong>交易时间</strong></td>
            <!-- <td></td> -->
            <td>2017年6月1日</td>
            <td colspan="2"><strong>时间戳</strong></td>
            <!-- <td></td> -->
            <td>2017.06-01-13.00.00.00000</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-0115:00:12</p>
        <p><del>票据打印单位:江苏徐州业务中心</del></p>
        操作员:大曾
</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>
    <div>
        <h1><big>将进酒&nbsp;&nbsp;</big>君不见黄河之水天上来</h1>
        <img src="../第一次作业/李白.png" alt="" width="400px" height="480px" style="float: left;">
        <p><big>君不见黄河之水天上来，奔流到海不复回。</big></p>  
        <p><big>君不见高堂明镜悲白发，朝如青丝暮成雪。</big></p>  
        <p><big>人生得意须尽欢，莫使金樽空对月。</big></p>  
        <p><big>天生我材必有用，千金散尽还复来。</big></p>  
        <p><big>烹羊宰牛且为乐，会须一饮三百杯。</big></p>  
        <p><big>岑夫子，丹丘生，将进酒，杯莫停。</big></p>  
        <p><big>与君歌一曲，请君为我侧耳听。</big></p>  
        <p><big>钟鼓玉帛不足贵，但愿长醉不复醒。</big></p>  
        <p><big>古来圣贤皆寂寞，惟有饮者留其名。</big></p>  
        <p><big>陈王昔时宴平乐，斗酒十千恣欢谑。</big></p>  
        <p><big>主人何为言少钱，径须沽取对君酌。</big></p>  
        <p><big>五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。</big></p> 
    </div>
</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>
    <style>
        .dianyi{
            margin-left: 10px;
        }
        
    </style>
</head>
<body>
    <div class="dianyi">
        <h1>热门电影板块</h1><hr>
        <big><strong>最近热门电影</strong></big>
        <span style="position: relative;left: 10%;">热门</span>
        <span style="position: relative;left: 11%;">最新</span>
        <span style="position: relative;left: 12%;">豆瓣高分</span>     
        <span style="position: relative;left: 22%;">冷门佳片</span>
        <span style="position: relative;left: 24%;">华语</span>
        <span style="position: relative;left: 25%;">欧美</span>
        <span style="position: relative;left: 26%;">韩国</span>
        <span style="position: relative;left: 27%;">日本</span>
        <span style="position: relative;left: 45%;">更多>></span><hr>
        <img src="C:\Users\没有灵魂的人，只是肉体在流浪\Desktop\web前端\code\01.html\html作业\第一次作业\功夫熊猫.jpg" alt="" width="400px" height="480px">
        <img src="C:\Users\没有灵魂的人，只是肉体在流浪\Desktop\web前端\code\01.html\html作业\第一次作业\寒战.jpg" alt="" width="400px" height="480px">
        <img src="C:\Users\没有灵魂的人，只是肉体在流浪\Desktop\web前端\code\01.html\html作业\第一次作业\教父.jpg" alt="" width="400px" height="480px">
        <img src="C:\Users\没有灵魂的人，只是肉体在流浪\Desktop\web前端\code\01.html\html作业\第一次作业\扫毒2.jpg" alt="" width="400px" height="480px">
        <p>
            <span style="margin-left: 0px;">功夫熊猫&nbsp;&nbsp;8.1</span>
            <span style="margin-left: 306px;">寒战&nbsp;&nbsp;9.0</span>
            <span style="margin-left: 336px;">教父&nbsp;&nbsp;9.2</span>
            <span style="margin-left: 336px;">扫毒2&nbsp;&nbsp;8.8</span>
        </p>
        <img src="C:\Users\没有灵魂的人，只是肉体在流浪\Desktop\web前端\code\01.html\html作业\第一次作业\深海.jpg" alt="" width="400px" height="480px">
        <img src="C:\Users\没有灵魂的人，只是肉体在流浪\Desktop\web前端\code\01.html\html作业\第一次作业\星际穿越.jpg" alt="" width="400px" height="480px">
        <img src="C:\Users\没有灵魂的人，只是肉体在流浪\Desktop\web前端\code\01.html\html作业\第一次作业\影.jpg" alt="" width="400px" height="480px">
        <img src="C:\Users\没有灵魂的人，只是肉体在流浪\Desktop\web前端\code\01.html\html作业\第一次作业\长津湖.jpg" alt="" width="400px" height="480px">
        <p>
            <span style="margin-left: 0px;">深海&nbsp;&nbsp;7.2</span>
            <span style="margin-left: 337px;">星际穿越&nbsp;&nbsp;9.8</span>
            <span style="margin-left: 305px;">影&nbsp;&nbsp;8.8</span>
            <span style="margin-left: 350px;">长津湖&nbsp;&nbsp;9.3</span>
        </p>
    </div>
</body>
</html>

运行截图

蠢货爱好者
关注
Web前端开发实验作业 - 网页计算器
qq_40635117的博客
04-22 3215
Web前端开发实验作业 - 网页计算器 项目已上传至GitHub 仅供学习交流 需要自取 不妨点个start 谢谢 https://github.com/zhenggengqiong/Computer_CollegeHomeWork 实验内容及要求： 设计实现一个网页前端程序“网页计算器”，完成以下内容： 1）设计“网页计算器”，模拟实体计算器外观； 2）设置页面元素的id供JavaScript控制； 3）编写外部JavaScript脚本实现用户交互； 4）实现基本四则运算。 要求： 1）有详细的功能描述
我的第一次web前端作业
03-09
我的第一次web前端作业
web前端 第一次作业
qq_68389880的博客
10-28 504
web，html，部分基本标签概述
Web前端第一次作业--电子汇款单练习
m0_75208155的博客
06-06 228
【代码】Web前端第一次作业--电子汇款单练习。
web前端第一次作业
plzdonotlietome的博客
01-13 7093
web前端第一次作业
前端-第一部分-HTML
dgw2648633809的博客
11-09 1612
HTML 全称为 HyperText Mark-up Language，翻译为超文本标签语言，标签也称作标记或者元素。HTML 是目前网络上应用最为广泛的技术之一，也是构成网页文档的主要基石之一。HTML文本是由 HTML 标签组成的描述性文本，HTML 文本可以说明文字、图形、动画、声音、表格、链接等。超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。
web前端期末大作业（附有源码）
热门推荐
m0_74087268的博客
12-28 1万+
这里使用的是Visual Studio Code（VSCode）设计的Web前端作业，包括了HTML、CSS和JavaScript。选用VSCode作为开发环境和工具来说有诸多优势之处，也给设计前端时带来了诸多益处。首先，是VSCode智能代码提示和补全。VSCode具备强大的代码提示功能，能够根据输入和上下文提供智能建议，减少拼写错误和语法问题，提高编码效率。其次，VSCode拥有丰富的扩展生态系统。
web前端html5网页作业,Web前端开发第一次作业
weixin_39957027的博客
06-21 837
(1)分别说出什么是HTML,XHTML,HTML5HTML为一种超文本标记语言,用这种语言浏览器几乎都能识别.独立于各种操作系统平台.XHTML为一种可扩展超文本标记语言,表现方式于超文本标记语言类似,不过语法比较严格.HTML5是用于取代HTMLH和XHTML的一个标准版本.(2)写出HTML的语法语法不区分字母大小写。(3)HTML中的注释和CSS中的注释HTML的注释:CSS注释:(4)C...
前端第二次作业--仿百度页面
weixin_63283483的博客
05-21 822
html源代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
web前端学习1-45集
weixin_74304806的博客
10-20 4326
千峰web前端1-20集==第一集== 课程划分1.HTML+CSS系列教程1之拨云见日2.HTML+CSS系列教程2之溯本求源3.HTML+CSS系列教程3之风声水起4.HTML+CSS系列教程4之巧夺天工如何学好web前端==第二集== 拨云见日1. 什么是HTML、CSS：2. 代码跟网站的关系：3.写到哪里：4.怎样创建一个.html文件：作业==第三集== 宇宙第一编译器VS Code1.学习编辑器基本使用：（操作方面）练习==第四集== 续上集2.多光标操作：3.搜索图标：4.Chrome浏
Web前端技术第二次作业
Tmg3202915143的博客
11-12 398
html
web第二次作业.zip 表单设计，web前端
11-01
"web第二次作业.zip"这个压缩包文件似乎包含了关于Web前端开发中表单设计的学习资料，具体分为三个部分：2_files、1_files和电影网_files。下面将对这些知识点进行详细解释。 1. **HTML表单基础**： HTML表单是...
ebook-shop:javaEE 第一次作业
04-08
在本项目"ebook-shop:javaEE 第一次作业"中，我们主要关注的是基于JavaEE技术栈开发的一个在线电子书商店。JavaEE（Java Platform, Enterprise Edition）是Oracle公司提供的一个用于开发企业级应用程序的平台，它...
毕设&课设&项目&实训-初学web，第一次设计网页小作品.zip
02-04
包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python...
一些常用的react hooks以及各自的作用
最新发布
weixin_48602044的博客
11-01 362
关于react hooks的一些知识与应用
做一个能适配「手机」的网站需要注意什么
illidri的博客
11-01 272
像现在主流会采用 H5 响应式布局，仅涉及前端的开发工作，代码量少，效果佳，是一种性价比比较高的选择，如果题主有意要进行网站建站，特别是想要手机浏览也有一定效果，可以选择这种~当然还有一种类似的方式叫自适应布局，俗称 AWD（AdaptiveWebDesign），同样是检测视口分辨率，判断不同尺寸和分辨率是什么设备，从而返回不同布局页面。最根本的区别在于，响应式页面的代码量少，但质量要求高，根据不同分辨率自动调整排版，而自适应页面需要根据不同设备准备不同的页面，这样前期的开发工作就大了很多。
前端 常见开发工具使用
weixin_45534301的博客
10-31 473
【代码】前端 常见开发工具使用。
JavaScript中this的指向和改变this指向的方法 - 2024最新版前端秋招面试短期突击面试题【100道】
everfoot的博客
10-29 688
了解this的工作原理是掌握JavaScript的关键之一，特别是在编写复杂的应用程序时。正确使用this可以避免许多常见的问题和错误。在实际开发中，合理选择不同的绑定方法，可以让你的代码更加灵活和易于维护。掌握这些this的知识点将帮助你在前端面试中脱颖而出！祝你顺利上岸！
Google Recaptcha V2 简单使用
吴家健ken的博客
10-30 301
Google Recaptcha V2 简单使用
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值