JavaWeb,利用HTML和CSS蛋糕商城注册页面实现------JAVA,JavaWeb入门基础教程
主页
<html><head><meta charset="UTF-8"></head><frameset rows="20%,*"><frame src="TOP.html"/><frameset cols="15%,*"><frame src="LEFT.html"/><frameset rows="80%,*"><frame src="MAIN.html"/><frame src="BOTTON.html"/></frameset></frameset></frameset>
</html><html>
<head>
<meta charset="UTF-8">
</head>
<frameset rows="20%,*">
<frame src="TOP.html"/>
<frameset cols="15%,*">
<frame src="LEFT.html"/>
<frameset rows="80%,*">
<frame src="MAIN.html"/>
<frame src="BOTTON.html"/>
</frameset>
</frameset>
</frameset>
</html>
left.html页面
<html><head><title>text</title></head><body><u>分店地址:</u><ol type ="1" start="1"><li><b>暂无</b><li><li>暂无<li><li>暂无<li></ol><i>蛋糕店经营人员:</i><ul type="circle"><li>无<li><li>无<li><li>无<li></ul></body>
</html><html>
<head>
<title>text</title>
</head>
<body>
<u>分店地址:</u>
<ol type ="1" start="1">
<li><b>暂无</b><li>
<li>暂无<li>
<li>暂无<li>
</ol>
<i>蛋糕店经营人员:</i>
<ul type="circle">
<li>无<li>
<li>无<li>
<li>无<li>
</ul>
</body>
</html>
botton.html页面
<html><head><title>宣发界面</title><meta charset="GBK"><style type="text/css"></style><link rel="stylesheet" href="style.css"></head><body><div align="center"><p><span style="font-weight:bolder;color:pink;">注册商标:®暂无</span></p><span class="f32">版权符号:©暂无</span></br><a href="http://www.baidu.com" target="_blank">百度一下我们?</a></div></body>
</html><html>
<head>
<title>宣发界面</title>
<meta charset="GBK">
<style type="text/css"></style>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div align="center">
<p><span style="font-weight:bolder;color:pink;">注册商标:®暂无</span></p>
<span class="f32">版权符号:©暂无</span></br>
<a href="http://www.baidu.com" target="_blank">百度一下我们?</a>
</div>
</body>
</html>
Done.html页面
<html><head><title>text</title></head><body><h1><font color="red">注册成功</font></h1></body>
</html><html>
<head>
<title>text</title>
</head>
<body>
<h1><font color="red">注册成功</font></h1>
</body>
</html>
main.html页面
<!DOCTYPE html>
<br lang="en">
<head><meta charset="UTF-8"><title>"Hello"</title>
</head><fieldset><legend align="center">注册新用户</legend><form action="demo04.html" method="post"><table cellpadding="2"align="center"><tr><td align="center">用户名:</td><td align="center"><input type="text"name="nickname"value="请输入您的姓名"/></br></td></tr><tr><td align="center">密码:</td><td align="center"><input type="password"name="password"value="请输入您的密码"/></br></td></tr><tr><td align="center">性别:</td><td align="center"><input type="radio"name="gender"value="gender"/>男<input type="radio"name="gender"value="gender"checked/>女</br></td></tr><tr><td align="center">小食星球:</td><td align="center"><input type="checkbox"name="hobby"value="Sing"/>面包<input type="checkbox"name="hobby"value="Jump"/>蛋糕<input type="checkbox"name="hobby"value="Rap"/>点心<input type="checkbox"name="hobby"value="Basketball"checked/>饮料</br></td></tr><tr><td align="center">用户头像:</td><td align="center"><input type="file"name="file"value="pic"/></br></td></tr><tr><td align="center">您的星座:</td><td align="center"><select name="star"><option value="1">白羊座</option><option value="2"selected>金牛座</option><option value="3">双子座</option><option value="4">巨蟹座</option><option value="5">狮子座</option><option value="5">处女座</option><option value="5">天秤座</option><option value="5">天蝎座</option><option value="5">射手座</option><option value="5">摩羯座</option><option value="5">水瓶座</option><option value="5">双鱼座</option></select></br></td></tr><tr><td align="center">您对蛋糕的偏好:</td><td align="center"><textarea name="text"></textarea></br></td></tr><tr><td align="center">注册:</td><td><input type="submit"value="注 册"/></br></td></tr><tr><td align="center">重填:</td><td><input type="reset"value="重 填"/></td></tr></table></form></fieldset><hr/></body>
</html>
<!DOCTYPE html>
<br lang="en">
<head>
<meta charset="UTF-8">
<title>"Hello"</title>
</head>
<fieldset>
<legend align="center">注册新用户</legend>
<form action="demo04.html" method="post">
<table cellpadding="2"align="center">
<tr>
<td align="center">用户名:</td>
<td align="center"><input type="text"name="nickname"value="请输入您的姓名"/></br></td>
</tr>
<tr>
<td align="center">密码:</td>
<td align="center"><input type="password"name="password"value="请输入您的密码"/></br></td>
</tr>
<tr>
<td align="center">性别:</td>
<td align="center"><input type="radio"name="gender"value="gender"/>男
<input type="radio"name="gender"value="gender"checked/>女</br>
</td>
</tr>
<tr>
<td align="center">小食星球:</td>
<td align="center"><input type="checkbox"name="hobby"value="Sing"/>面包
<input type="checkbox"name="hobby"value="Jump"/>蛋糕
<input type="checkbox"name="hobby"value="Rap"/>点心
<input type="checkbox"name="hobby"value="Basketball"checked/>饮料</br>
</td>
</tr>
<tr>
<td align="center">用户头像:</td>
<td align="center"><input type="file"name="file"value="pic"/></br></td>
</tr>
<tr>
<td align="center">您的星座:</td>
<td align="center"><select name="star"><option value="1">白羊座</option>
<option value="2"selected>金牛座</option>
<option value="3">双子座</option>
<option value="4">巨蟹座</option>
<option value="5">狮子座</option>
<option value="5">处女座</option>
<option value="5">天秤座</option>
<option value="5">天蝎座</option>
<option value="5">射手座</option>
<option value="5">摩羯座</option>
<option value="5">水瓶座</option>
<option value="5">双鱼座</option>
</select></br></td>
</tr>
<tr>
<td align="center">您对蛋糕的偏好:</td>
<td align="center"><textarea name="text"></textarea></br></td>
</tr>
<tr>
<td align="center">注册:</td>
<td><input type="submit"value="注 册"/></br></td>
</tr>
<tr>
<td align="center">重填:</td>
<td><input type="reset"value="重 填"/></td>
</tr>
</table>
</form>
</fieldset>
<hr/>
</body>
</html>
css样式
p{color:red;}.f20{font-size:40px;}#p4{background-color:pink;font-size:24px;font-weight:bolder;font-style:italic;font-family:"华文彩云";}div p{color:blue;}div .f32{font-size:32px;font-family:"黑体";}p
{
color:red;
}
.f20
{
font-size:40px;
}
#p4
{
background-color:pink;
font-size:24px;
font-weight:bolder;
font-style:italic;
font-family:"华文彩云";
}
div p
{
color:blue;
}
div .f32
{
font-size:32px;
font-family:"黑体";
}
top.html页面
<html><head><title>Hello</title></head><body><hr/><fieldset><legend align="center">商品介绍</legend><table border="1"cellspacing="0"cellpadding="4"width="600"align="center"><tr align="center"><th align="center">名称</th><th align="center">单价</th><th align="center">折扣价</th><th align="center">折扣时间</th></tr><tr align="center"><td align="center">面包</td><td align="center">10</td><td align="center">7.5</td><td align="center">待定</td></tr><tr align="center"><td colspan="5">蛋糕价格详情参照具体规格</td></tr><tr align="center"><td align="center">小食</td><td align="center">8</td><td align="center">5</td><td align="center">待定</td></tr></table></fieldset><hr/></body>
</html><html>
<head>
<title>Hello</title>
</head>
<body>
<hr/>
<fieldset>
<legend align="center">商品介绍</legend>
<table border="1"cellspacing="0"cellpadding="4"width="600"align="center">
<tr align="center">
<th align="center">名称</th>
<th align="center">单价</th>
<th align="center">折扣价</th>
<th align="center">折扣时间</th>
</tr>
<tr align="center">
<td align="center">面包</td>
<td align="center">10</td>
<td align="center">7.5</td>
<td align="center">待定</td>
</tr>
<tr align="center">
<td colspan="5">蛋糕价格详情参照具体规格</td>
</tr>
<tr align="center">
<td align="center">小食</td>
<td align="center">8</td>
<td align="center">5</td>
<td align="center">待定</td>
</tr>
</table>
</fieldset>
<hr/>
</body>
</html>
JavaWeb,利用HTML和CSS蛋糕商城注册页面实现------JAVA,JavaWeb入门基础教程相关推荐
- 网上蛋糕商城JSP页面
任务目标: 使用JSP页面实现网上蛋糕商城注册页面,实现效果如图所示 实现步骤: 1.创建顶部文件 创建用于显示页面导航栏的顶部文件header.jsp,代码实现如下 <%--<%@ ta ...
- 基于javaweb+mysql的网上水果超市商城设计和实现(java+ssm+springboot+redis)
基于javaweb+mysql的网上水果超市商城设计和实现(java+ssm+springboot+redis) 运行环境 Java≥8.MySQL≥5.7 开发工具 eclipse/idea/mye ...
- 京东商城项目实战（3）------京东商城注册页面
项目实战:京东商城(1)----京东商城首页 京东商城(2)----京东商城登录页面 京东商城(3)----京东商城注册页面 网页效果: 网页源代码(入需其他源代码,请在评论下方留言): <!D ...
- 东京商城注册页面使用的正则表达式......
京东商城注册页面找到的一组,正则表达式,验证规则比较准确,包括几乎包括所有常用的规则. decmal: "^([+-]?)\\d*\\.\\d+$", //浮点数decmal ...
- html登录页面用idea,利用IDEA怎么制作一个登录注册页面
利用IDEA怎么制作一个登录注册页面 发布时间:2020-12-19 14:02:09 来源:亿速云 阅读:186 作者:Leah 利用IDEA怎么制作一个登录注册页面?很多新手对此不是很清楚,为了帮 ...
- 京东商城注册页面使用的正则表达式
下面是我在京东商城注册页面找到的一组,正则表达式,验证规则比较准确,包括几乎包括所有常用的规则,欢迎大家使用! decmal: "^([+-]?)\\d*\\.\\d+$", // ...
- css案例，注册页面_基础案例
注册页面案例(css) <!DOCTYPE html> <html lang="ch"> <head><meta charset=&quo ...
- html css实现登录注册页面,基于HTML5+css+JS_的精美登陆注册界面
[实例简介] 基于HTML5+css+JS的精美登陆注册界面------------------------------- [实例截图] [核心代码] login4 ├── index.html ├─ ...
- 用html和css设计QQ注册页面,html和css制作QQ企鹅教程
我们知道CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式.CSS在Web设计领域是一个突破.利用它可以实现修改一个小的样式更新与之相关的所有页面元素.大家在学习前端编程的时候肯定会 ...
最新文章
- 资源 | 8张思维导图帮你梳理深度学习机器学习多个知识点
- factor--符号矩阵的因式分解
- java---switch
- redmine备份_Redmine 数据迁移记录
- [ruby on rails] 跟我学之(6)显示指定数据
- 启明云端方案分享| 小尺寸串口屏在充电桩的应用
- 神州英才战略盈利竞争力总结
- idea打印sql的插件_[Mybatis]-[基础支持层]-插件-自定义简易SQL打印插件
- linux如何卸载virtualbox,如何在Mac上卸载VirtualBox | MOS86
- python 波形发生_事件与信号
- Google Guava BiMaps
- Hive中分组取前N个值
- [个人备忘]SpringMVC+Mybatis+freemarker后台代码生成器自动生成新建表格数据的增删改查处理
- java 计算器 junit测试_Java—Junit单元测试
- 技嘉 7pesh3 安装Linux,技嘉h370主板装win7系统及BIOS设置教程(完美支持usb3.1)
- CFA Notes第一遍完成
- mysql 获取天数_MySQl 计算本年的天数
- android备份apk,无需手机助手，ABI帮你安装/备份安卓APK
- 微信内置浏览器是什么？
- 【独行秀才】macOS Big Sur 11.5 Beta3版(20G5042c)原版镜像