java Web-HTML基本标签（一）作业
2024-06-20 12:08:11
题一：
代码实现：
<!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" />原副市长贪巨额资金 已逃至境外</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 />密 码：<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;"> <img src="img/a.png" /><span style="color: blue;">便宜有好货！</span>超过7000晚间商品任您选。 <br /> <img src="img/b.png" /><span style="color: blue;">买卖更安全！</span>交易超安全。 <br /> <img src="img/c.png" /><span style="color: blue;">免费开网店！</span>轻松赚钱交友。 <br /> <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>攀高搓捶背靠垫按摩器（蓝色） （定制）</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 />地 址：<input type="text" size="15" />请点击填写地址 <br />电 话：<input type="text" size="4" />-<input type="text" size="11" />-<input type="text" size="4" />(区号-电话号码-分机)</p> <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 GPS真人语音导航手机<br />超低特价疯抢 数量有限！</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投影机 2899元送100<br />元京卷 SVGA 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 2009最新上网本，特色尽显</td></tr></table></form></div></body>
</html>
实现效果：
以上均为个人完成，如有错误，欢迎指正,谢谢！
java Web-HTML基本标签（一）作业相关推荐
- java将xml中的标签名称转为小写_深入学习Java Web(七): JSTL标签库
本文转自与博客园一杯凉茶的博客. 在之前我们学过在JSP页面上为了不使用脚本,所以我们有了JSP内置的行为.行为只能提供一小部分的功能,大多数的时候还是会用java脚本,接着就使用了EL表达式,基本上 ...
- java web 有哪些标签库_java web中jsp常用标签
在jsp页面开发过程中,经常需要使用JSTL(Java Server Pages Standard Tag Library)标签开开发页面,是看起来更加的规整舒服. JSTL主要提供了5大类标签库:1 ...
- java web开发常用标签
struts标签库 国际化配置 配置国际化 1.国际化配置 在struts自带的app中的struts-config.xml中的<message-resources parameter=&quo ...
- java web 添加超链接_Javaweb 超链接后显示问题
java web 项目发送带有超链接文本邮件问题 今天做java web项目的时候遇到了一个很想不通的或者说很奇葩的问题, 小编首先需要设置邮件内容的格式为:html 其次在内容中加上不要太乖,不想做 ...
- Java Web之访问数据库
Java Web之访问数据库 write:2022-5-9 前面我们学习了Java Web自定义JSP标签:Java Web之自定义JSP标签.本文介绍在Java Web中访问数据库的方法,我们通过一 ...
- 使用Java Servlet，JSP标签和Stormpath快速构建Java Web App
建筑物身份管理,包括身份验证和授权? 尝试Stormpath! 我们的REST API和强大的Java SDK支持可以消除您的安全风险,并且可以在几分钟内实现. 注册 ,再也不会建立auth了! 我们 ...
- 《王总大气-Java web项目通用分页标签》
<王总大气-Java web项目通用分页标签> 前言: 很久很久很久以前,山里有座庙,庙里有个老和尚.....?~!靠,sorry走神了. 其实我想说的是,在很久很久很久以前,森林里有一 ...
- 用php web编程作业,代做CSE2ISD作业、代做Web,php程序作业、代写Java/web编程作业、代写C/C++/Java留学生作业...
代做CSE2ISD作业.代做Web,php程序作业.代写Java/web编程作业.代写C/C++/Java留学生作业 日期:2018-10-08 10:00 CSE2ISD – Information ...
- Java Web应用开发——作业一
一.单项选择题(共5题,50.0分) 1 主流的Web应用程序开发技术不包括( )(10.0分) A.PHP B.Java Web C.ASP.NET D.C++ 正确答案: D 2 以下哪个概念或者 ...
- Java Web应用开发——作业三
一.单项选择题(共2题) 1.向浏览器打印输出数据的方式中( )输出各种类型数据并换行. A print( ) B newLine( ) C println( ) D printf( ) 我的答案:C ...
最新文章
- 线性时间选择问题——分治
- [附下载]英特尔中国研究院携手生态伙伴发布《机器人4.0白皮书》
- 高通8X25Q wifi BT 调试文档
- 深度学习 《LSTM和GRU模型》
- 【消息队列之rabbitmq】Rabbitmq之消息可靠性投递和ACK机制实战
- linux验证cuda安装成功_linux # centos # 安装cuda
- MATS-2010H硬磁测量装置产品详细介绍
- php源码 gd,php 源码安装没有gd库
- 二叉树matlab整数规划,基于matlab构造最优二叉树.doc
- MySQL数据库（1）：数据库 Database 基本概念
- MOOS-ivp 实验一 在linux系统中安装moos-ivp遇到的各种问题汇总
- 电商库存系统设计mysql_详解：电商系统库存逻辑的设计
- 编译原理之简单语法分析器（c语言）
- Java中什么是多态？多态的优势和劣势是什么？
- 硬干货！1.8W字TS 学习指南，我不信你一口气能读完（建议收藏）
- linux博通bcm4313无线网卡,Debian中配置broadcom bcm43XX无线网卡
- mysql 空集 赋值_如何在MySQL查询中替换“空集”？
- 魔兽世界台服被大陆玩家挤爆
- Kubernetes 笔记（06）— 搭建多节点集群、kubeadm 安装 master/worker/console/flannel 网络插件
- TJOI2013 黄金矿工(01背包改)