表示层 HTML【JavaEE】

PS:This is一节复习课,将比较糙;


一、HTML

是一组标签,负责网页的基本表现形式。

1》显示控制常用标签

标记

说明

<html></html>

用来标记该文件是HTML文档,<html>标识文档开始,</html>标识文档结束

<head></head>

标记文档的头部信息,说明文档的基本情况,在此标签对之间可使用<title></title><script></script>等描述HTML文档相关信息的标签对

<body></body>

HTML文档的主体部分,包含显示信息及其控制信息显示的各种标签

<h#></h#>

标题标记,#=1,2,3,4,5,6,定义了6级标题,每级标题的字体大小依次递减

<font></font>

字体标记:size属性,设置字体大小;color属性,设计字体颜色,

<p></p>

段落标记:属性align指定对齐方式。

<hr/>

水平分隔线标记:属性width设置线的长度,size设置线的粗细

<br/>

插入一个回车换行符

<ol></ol>

<ul></ul>

列表标签,<ol></ol>为有序标签、<ul></ul>为无序标签,

标签内利用<li></li>给出元素列表

<a> </a>

超链接标签,实现从一个页面到另一个页面的跳转

<img>

图片标记,用于控制图片的显示方式

<table><tr><td>

表格标记,用来定义表格、表格行、单元格等。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2》表单设计标签

名称

格式

说明

表单定义

<form name="表单名称" method="提交方法" action="处理程序">各项表单域</form>

声明表单

文本域

<input  type="text" name="文本字段名称"

maxlength=" " size=" " value=" ">

sizemaxlength属性用来定义此区域显示的尺寸大小与输入的最大字符数

密码域

<input type="password"  name="密码字段名称"

size=" "  maxlength=" " value=" " >

当用户输入密码时,区域内将会显示“*”号代替用户输入的内容

单选按钮

<input type="radio" name=" " value=" " checked />

checked属性用来设置该单选按钮默认状态是否被选中

复选框

<input type="checkbox" name=" " value=" " checked />

checked属性用来设置该复选框钮默认状态是否被选中

提交按钮

<input type="submit" name=" " value=" "/>

将表单内容提交给服务器的按钮

取消按钮

<input type="reset" name=" " value=" "/>

将表单内容全部清除,重新填写的按钮

图像按钮

image

<input type="image" src="图片"/>

使用图像代替submit按钮,图像的源文件名由src属性指定

文件域

<input type="file" name=" " size=" " maxlength=" ">

上传文件

隐藏域

<input type="hidden" name=" "  value=" " />

不在其中输入信息,预设要传递的信息

下拉列表框

<select name="" size="" multiple>

   各列表项: <option value="">…</option>

</select>

通过<select><option>标记下拉式的列表或带有滚动条的列表

多行文本框

<textarea name="" rows="" cols="" >初始值</textarea>

rows输入域行数,cols输入域列数

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章