Html

java风

浏览: 56275 次
来自: 北京

最近访客更多访客>>

bdpy9864

bemchou89

CRH2016

cqdtb

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

java

html

HTML

超链接：{

Frameset属性：1、cols=”30%,200,*”：以列方式分割，左半部占30%，中间部分200pixel，剩下为第三部分；

2、rows=”30%,200,*”：以行方式分割，上半部占30%，中间部分200pixel，剩下为第三部分；

3、border=”1”：框线宽度pixel；

4、frameborder=”yes”：是否显示框线，no不显示框线。

Frame定义子网页：1、scrolling=”No”：不会有scrolling bar，默认为yes；

2、Noresize：使用者无法调整分割网页的大小。

<a>标签中的target属性：1、指定名称：名称为frame名称；

2、打开一个新窗口（_blank）；

3、链接会开启在原本窗口中，并占满整个浏览器窗口（_top）；

4、占满目前子网页的frameset所指定区域（_parent）。

例如：<a href="http://www.baidu.com" target="_blank">百度</a>

例如：邮箱页面

父页面：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

</frameset>

</html>

菜单栏（30%）：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>media.html</title>

</head>

<br/>

<br/>

<br/>

<br/>

<br/>

</body>

</html>

可变网页（70%）：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>welcome.html</title>

</head>

<h3 align="center">欢迎进入邮箱,你有2封<a href="receive.html">未读邮件</a>,请阅读<h3>

</body>

</html>

}

图片作为超链接：{

例如：<a href="http://www.baidu.com"><img src="23.jpg" width="100px" height="100px"/></a>

}

创建邮件链接：{

<a href=”mailto:test@163.com?subject=AboutHTML”>发邮件给我</a>

例如：<a href="mailto:zhangsan@163.com?subject=good">张三</a>

}

<img>标签的属性：{

src：图像文件地址；

width：图像宽度；height：图像高度；

border：图像边框；

alt：给图像显示一个“交互文本”，图像找不到时显示；

title：鼠标放到图片上面即显示。

例如：<img alt="图片已经失效" title="这是孙俪" src="233.jpg" width="200px" height="200px"/>

}

<hr>标签：{

例如：<hr size="1" color="red" width="80%" align="left"/>

}

5秒钟后页面自动跳转到百度：{

}

列表：{

有序列表：

<ol>

<li>coffee</li>

</ol>

无序列表：

<ul>

<li>coffee</li>

</ul>

例如：<ol>

</ol>

<ul>

</ul>

}

表格：{-

<table>

<th>表格头

<tr>行

<td>列：1、colspan=”2”跨两列；

2、rowspan=”2”跨两行；

3、align=left，right，center对齐方式。

例如：

<body>

<tr>

<th>

姓名

</th>

<th>

性别

</th>

<th>

职业

</th>

<th>

备注

</th>

</tr>

<tr>

<td>

李小龙

</td>

<td>

男

</td>

<td>

影视巨星

</td>

<td>

曾经

</td>

</tr>

<tr>

<td>

李连杰

</td>

<td>

男

</td>

<td>

影视巨星

</td>

<td>

现役

</td>

</tr>

<tr>

<td>

李冰冰

</td>

<td>

女

</td>

影后

</td>

</tr>

</table>

</body>

}

表单：{

name：表单的名称；

action：form表单的提交路径；

method属性指的是提交的方式有两个值 get或者是post

1.get提交方式：

1).表单中提交的表单域的值(该次请求的参数列表)会显示在地址栏中的问号后面所有安全性较低

凡是涉及到数据安全问题那么不能采用get的提交方式

2).不能传递数据量过大的数据

2.post提交方式：

1).表单中提交的数据并不会显示在地址栏中而是保存到了一个HttpServletRequest对象中安全性较高

凡是涉及到数据传递安全问题都采用post提交方式比如登录注册的密码问题

2).传递大数据量数据时一定要采用post的提交方式比如上传文件

注意：真正开发中get提交方式应用更为广泛所有的超链接以及在地址栏中直接输入地址的请求方式都是get提交方式

表单域：可以写或者可以选择的文本框。表单域的name属性值作用：将该表单域的value值在表单提交时提交给服务器，有name值该表单域的value属性值可以提交，没有则不能提交，所以表单中所有需要提交给服务器的表单域都应该加上name属性，但是像提交按钮这种表单域，服务器对于它的value没有兴趣(没用)。

文本框：

密码框：

文本域：

单选按钮：

<input type=”radio” name=”sex” value=”male” checked>男

<input type=”radio” name=”sex” value=”female” >女

例如：

<input type="radio" name="sex" value="0"/>男

<input type="radio" name="sex" value="1"/>女

<input type="radio" name="sex" value="2" checked/>保密

<br>

复选按钮：

<input type="checkbox" name="hobby" value="0" checked/>打篮球

<input type="checkbox" name="hobby" value="1" checked/>踢足球

<input type="checkbox" name="hobby" value="2"/>游泳

<input type="checkbox" name="hobby" value="3"/>学习

<input type="checkbox" name="hobby" value="4" checked/>睡觉

下拉列表：

复选下拉列表：

隐藏域：用来保存一些不需要显示给用户看但是要提交给服务器的内容。

以上name属性值必须写，需要向服务器提交value，下面几个按钮则可以不写。

readonly将文本框变为只读，disabled将按钮置成灰色不可操作（disabled=”true”），两者的区别是用（disabled时）提交时地址栏不显示该项信息。

}

分享到：

css应用 | jsp、el、jstl.doc

2011-09-10 14:56
浏览 891
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Html

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Html

评论

发表评论

相关推荐

lucene3.0 例一

lucene3.0

分布式存储(转载)

java设计原则

java静态、动态代理

Hibernate声明事务

javascript应用3

javascript应用2

javascript应用1

css应用

jsp、el、jstl.doc

Jdbc

文件上传步骤

中文乱码问题解决

事务传播特性与隔离级别

监听器

过滤器

web编程常用配置2

web编程常用配置1

sql练习

最近访客更多访客>>