java Web-HTML基本标签（一）作业

最新推荐文章于 2022-07-31 00:18:58 发布
最新推荐文章于 2022-07-31 00:18:58 发布
阅读量592 收藏 1
点赞数 1
文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jxcncb/article/details/108469877
版权

题一：
在这里插入图片描述

代码实现：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>简单的百度网页</title>
	</head>
	<body>
		<form action="index.html" method="post">
			<table style="text-align: center;" align="center">
				<tr>
					<td colspan="2">
						<img src="img/baidu.jpg" />
					</td>
					<!--<td></td>--> 
				</tr>
				
				<tr>
					<td colspan="2">
						<input type="text" size="80" height="100px" />
						<input type="submit" value="百度一下" height="100px" />
					</td>
					<td>
				
					</td>
				</tr>
				
				<tr>
					<td"></td>
					<td></td>
				</tr>  <br /><br />
				
				<tr>
					<td align="left">百度热榜</td>
					<td align="right">换一换</td>
				</tr>
				
				<tr>
					<td style="text-align: left;" align="left">
						<img src="img/1.png" />
						南京市非全研究生申请租房补贴被拒
						<img src="img/re.png" />
					</td>
					
					
					<td align="left">
						<img src="img/4.png" />
						阿娇头部受重伤被送医
					</td>
				</tr>
				
				<tr>
					<td align="left">
						<img src="img/2.png" />
						王思聪带女生现身楼盘看房
					</td>
					
					<td align="left">
						<img src="img/5.png" />
						昆山世硕称大量员工辞职不实
						<img src="img/xin.png" />
					</td>
				</tr>
				
				<tr>
					<td align="left">
						<img src="img/3.png" />
						原副市长贪巨额资金&nbsp;已逃至境外
					</td>
					
					<td align="left">
						<img src="img/6.png" />
						阿汤哥悬崖跳摩托车
					</td>
				</tr>
			</table>
		</form>
		
		
		
	</body>
</html>

实现效果：
在这里插入图片描述
题二：
在这里插入图片描述
代码实现：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>会员登录页面</title>
	</head>
	<body>
		<form action="index.html" method="post">
			
			<table align="center" border="1" bordercolor="green" background="img/login_bg.gif">
				<tr>
					<td>
						<img src="img/huiyuandenglu.png" />
						<p style="text-align: left;" align="left" >
							会员名：
							<input type="text" size="20" />
							(可包含a-z，0-9和下划线) <br />
							密&nbsp;&nbsp;&nbsp;码：
							<input type="password" size="20" />
							(至少包含6个字符)
						</p>
						<p style="text-align: center;" align="center">
								<img src="img/登录.png" />
						</p>
						
						<ul style="font-size: small;">
							<li><span style="color: blue;">什么是安全登录</span>。</li>
							<li>香港会员（繁体中文用户）由此<span style="color: blue;">登入</span></li>
							<li><span style="color: blue;">密码安全贴士</span></li>
							<li>防止病毒或者木马窃取您的账户信息，<span style="color: blue;">在线检查</span>您的电脑是否安全。</li>
						</ul>
						
					</td>
					
					<td>
						<img src="img/zhuxehuiyuan.png" align="left" /> <br />
						<p style="font-size: small;">
							&nbsp;&nbsp;<img src="img/a.png" />
							<span style="color: blue;">便宜有好货！</span>超过7000晚间商品任您选。 <br />
							&nbsp;&nbsp;<img src="img/b.png" />
							<span style="color: blue;">买卖更安全！</span>交易超安全。 <br />
							&nbsp;&nbsp;<img src="img/c.png" />
							<span style="color: blue;">免费开网店！</span>轻松赚钱交友。 <br />
							&nbsp;&nbsp;<img src="img/d.png" />
							<span style="color: blue;">超人气社区！</span>精彩活动每一天。 <br />
						</p>
						<p style="text-align: center;" align="center">
							<img src="img/quzhuce.png" />
						</p>
						
						<table border="0" width="200px" height="60px" style="background-color: orange;text-align: center;" align:"center";>
							<tr>
								<td style="font-size: small;">
									<span style="background-color: white;"><img src="img/biaoqian1.png" height="15" width="15"/>
									您已经是会员？由此进入</span> <br /><br />
									<span style="background-color: white;"><img src="img/biaoqian2.png" height="15" width="15" />
									繁体中文用户由此<span style="color: blue;">注册</span></span>
								</td>
							</tr>
						</table>
					
						
					</td>
				</tr>
			</table>
			<p style="font-size: smaller;" align="center">友情链接：百度|Google|雅虎|淘宝|拍拍|易趣|当当|京东商城|迅雷|新浪|搜狐|网易|猫扑|开心网|新华网|凤凰网</p>
		</form>
	</body>
</html>

实现效果：
在这里插入图片描述题三：
在这里插入图片描述代码实现：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的购物车</title>
	</head>
	<body>
		<form>
			<table>
				<tr>
					<td><img src="img/mycar.png" /></td>
					<td>全场运费一律2元</td>
					<td>简易计算器</td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				
				<tr>
					<td colspan="6"><img src="img/daohanglan1.png" /></td>
					<!--<td></td>--> 
					<!--<td></td>--> 
					<!--<td></td>--> 
					<!--<td></td>--> 
					<!--<td></td>--> 
				</tr>
				
				<tr>
					<th>商品名</th>
					<th>原价</th>
					<th>优惠价</th>
					<th>打折</th>
					<th>数量</th>
					<th>删除</th>
				</tr>
				
				<tr style="text-align: center;" align="center">
					<td>攀高搓捶背靠垫按摩器（蓝色）&nbsp;（定制）</td>
					<td>￥258.00</td>
					<td>￥129.00</td>
					<td>50折</td>
					<td><input type="text" size="10" value="1"/></td>
					<td>删除</td>
				</tr>
				
				<tr style="text-align: center;" align="center">
					<td>郝彬美国口语成功训练系统（MP3）</td>
					<td>￥480.00</td>
					<td>￥292.90</td>
					<td>60折</td>
					<td><input type="text" size="10" value="1"/></td>
					<td>删除</td>
				</tr>
				
				<tr style="text-align: center;" align="center">
					<td>简.奥斯汀全集（DVD-9）（赠BBC产品目录...）</td>
					<td>￥138.00</td>
					<td>￥103.90</td>
					<td>80折</td>
					<td><input type="text" size="10" value="1"/></td>
					<td>删除</td>
				</tr>
				
				<tr style="text-align: center;" align="center">
					<td>继续挑选商品</td>
					<td></td>
					<td>￥527.40</td>
					<td>你共节省：￥348.60</td>
					<td></td>
					<td></td>
				</tr>
				
				<tr>
					<td colspan="6"><img src="img/daohanglan2.png" /></td>
					<!--<td></td>--> 
					<!--<td></td>--> 
					<!--<td></td>--> 
					<!--<td></td>--> 
					<!--<td></td>--> 
				</tr>
			</table>
			<p>收件人：<input type="text" size="15" /> <br />
			地&nbsp;&nbsp;&nbsp;址：<input type="text" size="15" />请点击填写地址 <br />
			电&nbsp;&nbsp;&nbsp;话：<input type="text" size="4" />-<input type="text" size="11" />-<input type="text" size="4" />(区号-电话号码-分机)
			</p>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/submit.gif" />
			<p style="font-size: smaller;" align="center">友情链接：百度|Google|雅虎|淘宝|拍拍|易趣|当当|京东商城|迅雷|新浪|搜狐|网易|猫扑|开心网|新华网|凤凰网</p>
		</form>
		
		
		
	</body>
</html>

实现效果：
在这里插入图片描述题四：
在这里插入图片描述代码实现：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>电子产品</title>
	</head>
	<body>
		<div>
			<form>
				<table>
					<tr>
						<td colspan="4"><img src="img/list_bg.gif" /></td>
						<!--<td></td>-->
						<!--<td></td>-->
						<!--<td></td>-->
					</tr>
				
					<tr>
						<th>
							<input type="checkbox" id="check" />全选
						</th>
						<th>商品图片</th>
						<th>商品名称/出售者/联系方式</th>
						<th>价格</th>
					</tr>
					
					<tr style="text-align: center;" align="center">
						<td><input type="checkbox" id="check" /></td>
						<td><img src="img/list1.jpg" /></td>
						<td style="font-size:x-small;">杜比环绕，家庭影院必备，超真实享受<br />出售者：ling112233<br /><img src="img/contactme.gif" /><img src="img/addfav.gif" />收藏</td>
						<td style="font-size: x-small;">一口价：<br />2833.0</td>
					</tr>
					
					<tr style="text-align: center;" align="center">
						<td><input type="checkbox" id="check" /></td>
						<td><img src="img/list2.jpg" /></td>
						<td style="font-size:x-small;">NVDIA 9999GT 512MB 256bit极品显卡，不容错过<br />出售者：aipiaopiao110<br /><img src="img/contactme.gif" /><img src="img/addfav.gif" />收藏</td>
						<td style="font-size: x-small;">一口价：<br />2460.0</td>
					</tr>
					
					<tr style="text-align: center;" align="center">
						<td><input type="checkbox" id="check" /></td>
						<td><img src="img/list3.jpg" /></td>
						<td style="font-size:x-small;">精品热卖：高清晰，30cun等离子电视<br />出售者：阳光的挣扎<br /><img src="img/contactme.gif" /><img src="img/addfav.gif" />收藏</td>
						<td style="font-size: x-small;">一口价：<br />18880</td>
					</tr>
					
					<tr style="text-align: center;" align="center">
						<td><input type="checkbox" id="check" /></td>
						<td><img src="img/list4.jpg" /></td>
						<td style="font-size:x-small;">Sony索尼家用最新款笔记本<br />出售者：疯狂的镜无<br /><img src="img/contactme.gif" /><img src="img/addfav.gif" />收藏</td>
						<td style="font-size: x-small;">一口价：<br />5889.0</td>
					</tr>
					
					<tr style="font-size: x-small;">
						<td colspan="4" align="center">友情链接：百度|Google|雅虎|淘宝|拍拍|易趣|当当|京东商城|迅雷|新浪|搜狐|网易|猫扑|开心网|新华网|凤凰网</p></td>
						<!--<td></td>-->
						<!--<td></td>-->
						<!--<td></td>-->
					</tr>
				</table>
			</form>
		</div>
	</body>
</html>

实现效果：
在这里插入图片描述题五：
在这里插入图片描述代码实现：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>疯狂抢购</title>
	</head>
	<body>
		<div>
			<form>
				<table background="img/meun.png" width="445">
					<tr>
						<td>
							<br />
						</td>
					</tr>
					<tr style="text-align: center;" align="center">
						<td><img src="img/promote-1.jpg" border="1"/></td>
						<td><img src="img/promote-2.jpg" border="1"/></td>
						<td><img src="img/promote-3.jpg" border="1"/></td>
					</tr>
					
					<tr style="text-align: center;" align="center">
						<td style="font-size: small;">惠普商务移动应用英寸笔记本</td>
						<td style="font-size: small;">夏新N6&nbsp;GPS真人语音导航手机<br />超低特价疯抢&nbsp;数量有限！</td>
						<td style="font-size: small;">三星家庭影院HT-TZ325购机送<br />好礼（超值性价比）</td>
					</tr>
					
					<tr style="text-align: center;" align="center">
						<td><img src="img/laser-pen.jpg" border="1"/></td>
						<td><img src="img/mouse.jpg" border="1"/></td>
						<td><img src="img/earphone.jpg" border="1"/></td>
					</tr>
					
					<tr style="text-align: center;" align="center">
						<td style="font-size: small;">明基MP512投影机&nbsp;2899元送100<br />元京卷&nbsp;SVGA&nbsp;2200流明</td>
						<td style="font-size: small;">罗技数据1TB移动鼠标729元开抢<br />了！</td>
						<td style="font-size: small;">海森那尔极品耳机绝对不容错<br />过！</td>
					</tr>
					
					<tr style="text-align: center;" align="center">
						<td><img src="img/Wancom.jpg" border="1"/></td>
						<td><img src="img/Frame.jpg" border="1"/></td>
						<td><img src="img/notebook.jpg" border="1"/></td>
					</tr>
					
					<tr style="text-align: center;" align="center">
						<td style="font-size: small;">亚马逊随时阅读，随时纪录，时<br />尚最佳选择！</td>
						<td style="font-size: small;">优雅相框</td>
						<td style="font-size: small;">IBM&nbsp;2009最新上网本，特色尽显</td>
					</tr>
				</table>
			</form>
		</div>
	</body>
</html>

实现效果：
在这里插入图片描述
以上均为个人完成，如有错误，欢迎指正,谢谢！

新时代的农民工
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JAVA WEB开发技术作业 HTML个人简历
张时贰的博客
03-17 961
🌴 2022.3.9 作业 文章目录🚀 要求🚀 表格版代码🚀 效果图🚀 网页版代码🚀 效果图 🚀 要求 使用html中的各种文本标签，制作一个个人简历
JavaWeb——HTML基本标签（1）作业
weixin_44502548的博客
09-08 514
一下为HTML基本标签的作业题，如有错误请指正 一、百度页面 代码实现： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>百度页面</title> </head> <body> <body> <table align="center"> <tr> &l
Java作业之——表单表格（html）
帅的二批的博客
06-21 296
废话不多说上代码，看完麻烦点个赞在走呗 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Docume
java-Web基本标签（二）作业（2）
jxcncb的博客
09-10 183
题一： 代码实现： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录系统</title> </head> <body> <form action="" method="post"> <table align="center" style="background-color: ghostwhite
HTML 作业
高筑墙，广积粮，缓称王
03-31 986
前言 本作业为当堂作业，时间为30分钟。一、题目要求 Buttons, ”add user”, ”edit” and “logout” are links, their url can be empty. Inputs, “Search type”, “search condition” and button “search” are within a form. “search type”
java大项目源码-java-web:Javaweb程序设计大作业项目
05-20
【Java Web程序设计大作业项目】是一个典型的Java技术栈实现的Web应用，它涵盖了Java后端开发、Web前端展示以及数据库交互等多个方面的知识点。在这个项目中，开发者将深入理解Java Web开发的核心技术，并通过实际...
重庆理工大学java web期末大作业 耀炎食品网站
03-15
这个项目是一个基于Java Web技术的期末工程作业，其目标是构建一个名为“耀炎食品网站”的在线平台。这个平台可能涵盖了用户注册登录、商品展示、购物车功能、订单处理等一系列电子商务的基本流程。在Java Web开发中...
Java Web 大作业.zip
06-15
Java Web 是一种基于Java技术构建Web应用程序的框架和工具集，是Java开发中的重要领域，尤其对于大学生来说，它是深入理解和掌握服务器端编程的关键。在这个名为"Java Web 大作业.zip"的压缩包中，我们可以预见到...
JAVA web大作业
06-20
【JAVA Web大作业】是一个基于Java Web技术的项目，它涵盖了Web开发中的多个核心知识点，主要使用了JAVA EE（企业版Java）框架。这个大作业可能是个人学习过程中的一个重要实践，旨在提升开发者在Web应用程序设计和...
JAVA WEB课程大作业.zip
最新发布
06-15
Java Web课程大作业是大学阶段Java编程学习的重要实践环节，旨在深化学生对Web应用程序开发的理解，提高实际操作技能。这个压缩包文件包含了“zgl_resource”子目录，很可能包含了源代码、HTML页面、CSS样式表、...
zxzy_html_java_作业管理系统_
09-29
java实现的在线点子作业管理系统，包括学生管理，发布作业，批阅作业等功能
Java作业 HTML制作个人简介
念着倒障智
07-23 2465
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel="stylesheet" href="https://cdn.bootcss.com/bootstra
大学生期末网页设计Java-HTML大作业3
weixin_51509194的博客
12-18 609
大学生期末网页设计大作业表单设计健康测试表我的代码块效果展示 表单设计健康测试表 基础表单的设计，包括：radio单选、select 选择(选项option)、input输入、checkbox多选、button按钮。 我的代码块 <html> <head> <meta charset="UTF-8"> <title>健康测试</title> <style type="text/css"> #biao{ text-align:ce
关于HTML知识点的小总结
weixin_42262738的博客
08-19 278
一、 网页的构成 1.1 概念：B/S 与 C/S 1.1.1 现在的软件开发的整体架构主要分为B/S架构与C/S架构： b/s：浏览器/服务器 c/s：客户端/服务器 客户端：需要安装在系统里，才可使用 浏览器：浏览网页，读取HTML并显示 服务器：处理浏览器的请求 1.1.2 B/S 与 C/S优劣 b/s只要能上网就能使用，因为基本每台电脑都会有浏览器，维护方便。 c/s必须安装在系统中，安装成功才可使用。在新的系统中没有安装不能使用，便携性差，维护成本高。 1.1.3 网页
Java项目:作业管理系统(java+SpringBoot+BootStrap+HTML+Thymeleaf+mysql)
m0_66863468的博客
04-27 501
源码获取：博客首页 "资源" 里下载！ 项目介绍 该项目分为学生、教师两个角色，主要功能如下： 1. 学生模块 1） 我的课程：学生可在此页面自由选课 2） 我的作业：可查看选择的课程已发布的作业及完成情况，并可选择完成作业或查看详情 2. 教师模块 1） 学生管理： I. 查询学生：可根据学生信息搜索学生，可进行修改删除操作，可进行全选批量删除和导出excel表格，可根据查询到的数据进行分页，输入页码进行跳转操作 II. 添加学生：可进行单个添加学生或excel表格导入学生 2） 教师管理.
大学生个人网页设计 HTML个人网页制作 web个人网站模板 简单静态HTML个人网页作品
热门推荐
HTML网页设计
07-31 6万+
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
制作一个最基本的网页计算器
JavaIdot的博客
01-15 1981
你想做一个基本的网页计算器么？这里有源码！
网页版简易计算器
ZhuiZhuDream5的博客
04-14 862
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>网页版简易计算器</title> <style> /*将表格的边框合并*/ /*table{ border-collapse: collapse; }*...
Html-简易计算器
weixin_43532218的博客
04-17 208
简易网页计算器 效果图 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> button{ width: 100px; } .orange{ color: orange; } button:hover{ background
假设你正在学习Java web知识，要求你完成一个作业：利用标签跳转完成登录功能。第一步：填写用户和密码的表单。第二步：对用户和密码的合法性进行验证。第三步：提示登陆成功或登录失败。
04-03
以下是一个简单的示例代码，实现了利用标签跳转完成登录功能： login.jsp： ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值