Java 二阶段 html

书写规范

排版标签

Font

文本格式化标签

无序列表

![在这里插入图片描述](https://img-blog.csdnimg.cn/2020082514480810.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ1MTk2MjU4,size_16,color_FFFFFF,t_70#pic_center) ## 有序列表 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200825144853855.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ1MTk2MjU4,size_16,color_FFFFFF,t_70#pic_center)

<!-- img标签src:图片的地址地址有两种表示方式：（1）相对路径，同一个网站使用，图片和网页在同一个网站中（2）绝对路径。不同网站之间，图片和网页不在网站中。width:宽度height:高度align:对其方式alt:替换信息，当图片不显示，会显示该信息title:鼠标悬停信息--><img src="img/1.png" width="500" height="200" align="middle" title="啊哈哈" alt="aha"/>这是一个照片<img src="img/6.png" width="500" height="200" title="啊哈哈" alt="aha" align="top"/>这是一个照片

 <!-- target:_blank:新窗口打开_self:自身窗口打开(默认)_top:在顶部窗口打开_parent:在父窗口中打开href:在同一个网站中，用相对路径不再同一个网站中，用绝对路径_search:可以是任何名字，如果有该网页，不会再创建新的网页。--><a href="http://www.baidu.com" target="_search">这是个连接</a><!-- 实现锚链接 --><a href="#top">回到顶部</a><a href="#touch">回到中间</a><a href="123.html#skip">跳转</a>

表格标签

<!-- 表格标签table:定义表格width:宽度height:高度border:边框align:表格在页面的水平的位置。bgColor:背景颜色tr:定义行align:内容水平对齐方式valign:内容垂直对齐方式。td:定义列align:内容水平对齐方式valign:内容垂直对齐方式。th:定义列（加粗居中显示，定义标题）--><table border="1" width="500" height="300" align="center" bgcolor="aqua"><tr><th>姓名</th><th>性别</th><th>地址</th></tr><tr align="center" valign="middle" bgcolor="azure"><td>小轩</td><td>男</td><td>北京</td></tr><tr align="center" valign="middle"><td>小轩</td><td>男</td><td>北京</td></tr><tr align="center" valign="middle" bgcolor="azure"><td>小轩</td><td>男</td><td>北京</td></tr></table>

<!-- 列合并，行合并 把自己的单元格也要算上colspan:列合并 是针对单元格rowspan：行合并 是针对单元格-->
<table border="1" width="500" height="300" align="center" bgcolor="aqua"><tr><th colspan="3"></th></tr><tr align="center" valign="middle" bgcolor="azure"><td rowspan="3"></td><td></td><td></td></tr><tr align="center" valign="middle"><td></td><td></td></tr><tr align="center" valign="middle" bgcolor="azure"><td></td><td></td></tr></table>

表单

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><!-- 定义表单form:action:表单提交的服务器的地址，默认当前页面method:调教方式 get postenctype:编码类型 application/x-www-form-urlencodedmultipart/form-data 文件上传补充两个属性：readonly:"readonly" 只读disabled:disabled 禁用type:表单元素的类型text:文本框password:密码框radio:单选按钮checkbox:复选框button：普通按钮submit：提交按钮reset:重置按钮img：图片提交按钮file:文件hidden:隐藏name:表示提交给服务器的名称,要想把数据发给服务器必须写name属性value:表示发给服务器的数据，文本框，密码框输入内容checked:checked表示默认选中selected:selected="selected" 表示下拉框默认选择multiple="multiple" :表示可以多选--><form action="" method="post"><!-- text -->用户名：<input type="text" name="username" /><br/><!-- password -->密码：<input type="password" name="password"/><br/><!-- submit -->提交：<input type="submit" /><br/><!-- radio --><input type="radio" name="gender" value="man" checked="checked"/>男<br/><input type="radio" name="gender" value="woman" />女<br/><!-- checkbox  --><input type="checkbox" name="hoppy" value="code" />打代码<br /><input type="checkbox" name="hoppy" value="tea" />喝茶<br /><input type="checkbox" name="hoppy" value="basketball" />篮球<br /><!--file  --><input type="file" name="photo" /><br /><!-- hidden 隐藏--><input type="hidden" name="id" value="2333333" /><br /><!-- emil -->邮箱：<input type="email" name="emil" /><br /><!-- number -->年龄：<input type="number" name="age" value="1" /><!-- range -->评分：<input type="range" name="level"value="0" min="1" max="10" /><!-- color -->颜色：<input type="color" name="color"  /><!-- date -->出生日期：<input type="date" name="born" /><br/><!-- 日期加时间 -->出生日期：<input type="datetime-local" name="date" /><br/><!-- select option --><select name="city" multiple="multiple"  >地区<option name="beijing">北京</option><option name="shanghai" selected="selected">上海</option><option name="nanjing">南京</option><option name="nanjing">南京</option><option name="nanjing">南京</option><option name="nanjing">南京</option></select><!-- comment -->自我评价：<textarea name="comment" cols="20" rows="5"></textarea><!-- button --><input type="button" name="button" value="普通按钮" /><input type="submit" name="submit"value="提交按钮" /><input type="reset" value="重置按钮" name="reset" /><button type="button">普通按钮</button><button type="reset">重置按钮</button><button type="submit">提交按钮</button><!-- image --><input type="image" src="img/1.png" height="40" /></form></body>
</html>

框架标签(frameset &frame)

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><frameset rows="20%,*" border="2" bordercolor="skyblue" frameborder="1"><frame noresize="noresize" name="top" src="top.html" /><frameset cols="30%,*"><frame noresize="noresize" name="left" src="left.html" /><frame name="right" noresize="noresize" src="right.html"/></frameset></frameset>
</html>

left:

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><a href="shuma.html" target="right">数码</a><br /><a href="lingshi.html">零食</a><br /><a href="wanju.html" >玩具</a><br /><a href="shechi.html" target="right">奢侈品</a><br /><a href="qiuxie.html" target="right">球鞋</a><br /></body>
</html>

Java 二阶段 html相关推荐

java 二阶段提交,二阶段提交协议（Two Phase Commitment Protocol）
一.典型的分布式事务实例跨行转账问题是一个典型的分布式事务,用户A向B的一个转账1000,要进行A的余额-1000,B的余额+1000,显然必须保证这两个操作的事务性. 类似的还有,电商系统中,当有 ...
java jspl是啥_login.jsp · L.lawliet/Java中软班一期二阶段Web项目 - Gitee.com
pageEncoding="UTF-8"%> 考勤平台 href="./resource/css/style2.0.css"> ul li { fo ...
oracle二阶段事物,分布式事务两阶段提交 (2PC)
两阶段提交(2PC) 是 Oracle Tuxedo 系统提出的 XA 分布式事务协议的其中一种实现方式. XA协议中有两个重要角色:事务协调者和事务参与者既然叫两阶段提交,肯定是分为两个阶段. J ...
java第一阶段知识_第一阶段 Java语言（下）
本课程是Android入门教程之Java核心技术阶段,是Java开发高级部分,安卓开发中的基础知识,讲解以下内容: (一)反射与内省讲解了什么是反射,反射在应用中的作用,相关反射的API,如Clas ...
漫话：如何给女朋友解释什么是2PC（二阶段提交）？
周末晚上,正在家里面看综艺节目,突然女朋友跑过来找我打<王者荣耀>. 打了几把游戏,终于可以歇息一会了,准备继续看我的综艺,可是女朋友过来找我给他讲讲到底什么是二阶段提交. 分布式一致性 ...
Java高级阶段考试题库
Java高级阶段考试题库 1.Maven中A依赖B,B依赖C,那么A可以使用C中的类吗? 答案: 此时要看B依赖C时的范围(scope),如果是compile范围则A可以使用C,如果test或prov ...
华清远见-重庆中心-JAVA基础阶段技术总结
系列文章目录第一章华清远见--重庆中心-JAVA基础阶段技术总结第二章文章目录系列文章目录文章目录前言一.关于java 1.发展历程 2.编程开发 3.java架构 4.java的特点 ...
华清远见—重庆中心——JAVA高级阶段知识点梳理
华清远见-重庆中心--JAVA高级阶段知识点梳理 String字符串 String是一个类,属于数据类型中的引用类型.Java中所有使用""引起来的内容都是属于这个类的实例,称为字 ...
Java基础阶段综合练习
转载文章源地址: Java基础阶段综合练习 https://www.cnblogs.com/hd976521/archive/2017/02/10/6387514.html (转载过来,以备后用 ...