[Web前端]第一次作业

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

文章目录

一、总结

1、什么是web前端？
—web前端就是网页制作。
2、什么是HTML？
—html就是超文本标记语言，说白了就是网页，给用户展示的界面。
3、本节课都学习了那些标签？
---头标签 ---身体标签 ---<strong/b>文字加粗标签 ---<em/i>文字斜体标签 ---<u/del>u下划线标签，del删除下划线标签 ---换行标签 ---分割线标签 ---段落标签 ---文字下标 ---原样输出文本内容 ---标准行内输出 ---标题标签 ---标准的块标签 --图片标签

二、作业

1.网上转账电子账单

代码如下：


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p><font size="6"><b>工商银行电子汇款单</b></font></p>
		<table border="1"  cellspacing="0">
			<tr>
				<td colspan="2"><b>回单类型</b></td>
				<td colspan="2"">网上转账汇款</td>
				<td colspan="2"><b>指令序列号</b></td>
				<td colspan="2">HQH10000000001000100</td>
			</tr>
			<tr>
				<td rowspan="4"><b>收款人</b></td>
				<td>户名</td>
				<td colspan="2">老牟</td>
				<td rowspan="4""><b>付款人</b></td>
				<td>户名</td>
				<td colspan="2">老刘</td>
			</tr>
			<tr>
				<td><b>卡号</b></td>
				<td colspan="2">00000000001</td>
				<td><b>卡号</b></td>
				<td>00000000002</td>	
			</tr>
			<tr>
				<td>地区</td>
				<td colspan="2">南京</td>
				<td>地区</td>
				<td>杭州</td>	
			</tr>
			<tr>
				<td><b>网点</b></td>
				<td colspan="2">工商江苏南京业务处理中心</td>
				<td><b>网点</b></td>
				<td>江苏徐州业务中心</td>
			</tr>
			<tr>
				<td colspan="2""><b>币种</b></td>
				<td colspan="2">人民币</td>
				<td colspan="2"><b>汇钞标准</b></td>
				<td>钞票</td>	
			</tr>
			<tr>
				<td colspan="2""><b>金额</b></td>
				<td colspan="2">1.00元</td>
				<td colspan="2"><b>手续费</b></td>
				<td>0.57元</td>	
			</tr>
			<tr>
				<td colspan="2""><b>合计</b></td>
				<td colspan="6">人民币（大写）：拾万元整</td>	
			</tr>
			<tr>
				<td colspan="2""><b>交易时间</b></td>
				<td colspan="2"><i>2017年6月1日</i></td>
				<td colspan="2"><b>时间戳</b></td>
				<td><i>2017-06-01-14:00。000000 </i></td>	
			</tr>	
		</table>
		<p>票据打印时间：2017=06-01 15:00:12
			<br>
			   <del>票据打印单位：江苏徐州业务中心</del>
			<br>
		   操作员：大曾
		</p>
	</body>
</html>

在这里插入图片描述

2.李白诗词“将进酒”

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>《将进酒》</title>
</head>
<body>
	<div  style="position:fixed; top:0;" >
	<h1 style="display: inline;">将进酒</h1>&nbsp;&nbsp;&nbsp;
	<h2 style="display: inline;">君不见黄河之水天上来</h2>
	</div>
	<p>&nbsp;&nbsp;&nbsp;</p>
	<img  src="./img/李白.jpg" style="float:left; height: 600px;">
	<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>
	</div>
</body>
</html>

在这里插入图片描述

3.用户注册表

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table>
			<tr bgcolor="#CCCCCC"><td colspan="2" align="center">用户注册</td></tr>
			<tr bgcolor="#CCCCCC">
				<td>用户名</td><td><input type="text" id="username" name="username" placeholder="李白"/></td>
			</tr>
			<tr bgcolor="#CCCCCC">
				<td>密码</td><td><input type="password" name="password" required autofocus/ ></td>
			</tr>
			<tr bgcolor="#CCCCCC">
				<td>性别</td><td><input type="radio" value="男" name="gender" checked/>男
					 <input type="radio" value="女" name="gender"/>女</td>
			</tr>
			<tr bgcolor="#CCCCCC">
				<td>爱好</td><td> <input type="checkbox" value="sing" name="fav"/>饮酒
					 <input type="checkbox" value="dance" name="fav"/>舞剑
					 <input type="checkbox" value="rap" name="fav"/>写诗
					 <input type="checkbox" value="basketball" name="fav"/>作词</td>
			</tr>
			<tr bgcolor="#CCCCCC">
				<td>邮箱</td><td><input type="email" name="email" placeholder="请输入您的邮箱:"/></td>
			</tr>
			<tr bgcolor="#CCCCCC">
				<td>省份</td><td>
				<select name="address">
					<option value="陕西">陕西</option>
					<option value="山西">湖北</option>
					<option value="浙江">新疆</option>
					<option value="福建">福建</option>
					<option value="河南">河南</option>
			</select></td>
			</tr>
			<tr bgcolor="#CCCCCC">
				<td>建议或者意见</td><td><textarea name="comment" cols="30" rows="10" placeholder="您的意见或者建议"></textarea></td>
			</tr>
			
		</table>
		     <input type="submit" value="注册用户">
		     <input type="submit" value="提交">
		
	</body>
</html>

在这里插入图片描述

Kikyo曜
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
我的第一次web前端作业
03-09
我的第一次web前端作业
前端开发（转载百度百科）
wust_cyl的博客
04-03 467
Web前端开发是从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。2005年以后，互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地...
web前端高级 第一课
cccc___的博客
02-24 345
如果没有一个规范定义，为了迎合不同厂商的浏览器，程序员将为此付出沉重的代价。但是即便 如此，不同的浏览器之间还是有些细微的差异的，这个一般是前段开发要注意的问题，要考虑浏 览器的兼容性。 我们一般使用360、搜狗都是基于某个浏览器内核深度改造的。
制作一个简单HTML中华传统文化网页（HTML+CSS）
热门推荐
HTML网页设计
08-02 1万+
📔网站布局方面计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面网站系统文件种类包含html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；...
web前端第一课
xiaobaijiaowo的博客
10-28 258
web第一次作业
web前端第一节课
qq_61739597的博客
10-23 255
web前端第一节课
第一天初识HTML
qq_50589028的博客
10-23 376
利用多种技术创建页面或者APP等前端界面呈现给用户的过程，是给用户展示的网页，前台界面。多种技术包括以下（还有很多技术没有列举出来）：○ HTML：超文本链接语言○ CSS：层叠样式○ jQuery：写尽量少的代码做尽量多的事情超文本标签语言，是一系列标签，其中标签也可以称为标记或者元素（网页呈现的主要基础），也是描述性文本，可描述表格、文字、动画等HTML分两部分：• 头部:提供浏览器所需要的信息• 主体部分：提供网页显示的主要内容。
我最爱的诗
u014313427的专栏
03-28 551
君不见黄河之水天上来，奔流到海不复回！ 君不见高堂明镜悲白发，朝如青丝暮成雪！ 人生得意须尽欢，莫使金樽空对月。 天生我材必有用，千金散尽还复来。 烹羊宰牛且为乐，会须一饮三百杯。 岑夫子，丹丘生，将进酒，杯莫停。 与君歌一曲，请君为我侧耳听。 钟鼓馔玉不足贵，但愿长醉不复醒。 古来圣贤皆寂寞，惟有饮者留其名。 陈王昔时宴平乐，斗酒十千恣欢谑。 主人何为言少钱，径须沽取对君酌
web前端基础联系作业
Remembeing的博客
11-06 310
基本html标签、css等练习
horiseonhmwk:第一次作业
05-23
本周的作业涉及Web开发的一个非常重要的方面：可访问性。 前端和初级开发人员最常见的任务之一是采用现有代码并对其进行重构（记得重构代码就是在不更改其功能的情况下对其进行改进），以符合特定的标准集或实施一...
深度学习课程第一次作业, 基于mmPreTrain实现..zip
02-19
包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python...
毕设&课设&项目&实训-初学web，第一次设计网页小作品.zip
02-04
包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python...
gt-homework01：GT Bootcamp的第一次作业的家庭作业存储库。 在课堂上跟随
02-16
本周的作业涉及Web开发的一个非常重要的方面：可访问性。 前端和初级开发人员最常见的任务之一是采用现有代码并对其进行重构（记得重构代码是在不更改其功能的情况下对其进行改进），以符合特定的标准集或实施一项...
【Web】CISCN 2024初赛 题解(全)
uuzeray的博客
05-21 1086
这里注意细节，靶机发了两次请求，第一次我们就返回一个正常的图片，第二次请求就发一个302，php代码块要用html标签包裹。注意下面这段报错，因为加不了引号，开头是数字的话，就会将类型识别为数字，若后续出现了字符串就会报错。再打sqlite，指定tableName，加载写入的恶意so文件，反弹shell。最后注意要将获取的变量元组转字符串，再用逗号分隔，依次输出，从而绕过seed。考的python栈帧沙箱逃逸，获取到外部的栈帧，就可以用。因为ban了引号，考虑hex2bin，将数字转为字符串。
Nodejs util file getpost web express child_process mogodb
ooo
05-18 943
Nodejs util file getpost web express child_process mogodb
超详细的前后端实战项目（Spring系列加上vue3）前端篇（二）（一步步实现+源码）
最新发布
2301_79969279的博客
05-24 513
好了，兄弟们，继昨天的项目之后，开始继续敲前端代码，完成前端部分昨天完成了全局页面的代码，和登录页面的代码，不过昨天的代码还有一些需要补充的，这里添加一下。
【绿雪问茶】用前端三件套完成一个大项目（一）
大象不下象棋的博客
05-21 275
Green Snow Asks Tea
Web Speech API（2）—— SpeechSynthesis
LiangRZ
05-21 477
Web Speech API 有两个部分：SpeechSynthesis 语音合成（文本到语音 TTS）和 SpeechRecognition 语音识别（异步语音识别）。语音合成 (也被称作是文本转为语音，英语简写是 tts) 包括接收 app 中需要语音合成的文本，再在设备麦克风播放出来这两个过程。其中包含了将由语音服务朗读的内容，以及如何朗读它（例如：语种、音高、音量）。语音合成服务的控制器接口，可用于获取设备上可用的合成语音，开始、暂停以及其他相关命令的信息。控制器，从而获取语音合成功能的入口。
前端-移动端布局
Kongfutu的博客
05-21 181
可以在浏览器里打开检查 点击一下移动端按钮 然后选择一下对应的手机型号可以切换到对应的手机端。进阶学习建议 Vue.js 和 微信小程序。如何在PC端模拟移动端设备。
简单web前端开发技术大作业
12-11
我选择了一个简单的web前端开发技术大作业，通过本次作业我学习了HTML、CSS、JavaScript等相关技术，并且熟悉了常用的前端开发工具和框架。在这个大作业中，我设计了一个简单的网页页面，实现了页面网格布局、CSS...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值