- 浏览: 56363 次
- 来自: 北京
最新评论
-
泛泛evil:
总结的很好,谢谢分享
JavaScript -
wanxkl:
哇!总结的太好了。。凤哥哥,你好强大啊。。请问您跟凤姐什么关系 ...
css应用
HTML
超链接:{
<a href=”http://www.baidu.com”>百度一下,你就知道</a>
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>
<a href="http://www.google.com" target="_blank">谷歌</a>
<a href="http://www.163.com" target="_blank">网易</a>
<a href="http://www.sina.com" target="_blank">新浪</a>
<a href="http://www.sohu.com" target="_blank">搜狐</a>
例如:邮箱页面
父页面:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<frameset cols="30%,*">
<frame src="media.html" scrolling="no" Noresize>
<frame src="welcome.html" name="main" Noresize>
</frameset>
</html>
菜单栏(30%):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>media.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<link rel="stylesheet" type="text/css" href="../css/style.css">
</head>
<body class="first">
<p> </p>
<p> </p>
<p> </p>
<a href="writer.html" target="main" >写信</a>
<br/>
<a href="receive.html" target="main">收件箱</a>
<br/>
<a href="caogao.html" target="main">草稿箱</a>
<br/>
<a href="yifasong.html" target="main">已发送</a>
<br/>
<a href="lajixiang.html" target="main">垃圾箱</a>
<br/>
<a href="denglu.html" target="_top">退出</a>
</body>
</html>
可变网页(70%):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>welcome.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<link rel="stylesheet" type="text/css" href="../css/style.css">
</head>
<body id="second">
<p> </p>
<p> </p>
<p> </p>
<h3 align="center">欢迎进入邮箱,你有2封<a href="receive.html">未读邮件</a>,请阅读<h3>
</body>
</html>
}
图片作为超链接:{
<a href=”http://www.baudu.com”><img src=”../images/23.jpg”></a>
例如:<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>
<a href="mailto:lisi@163.com?subject=bad">李四</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秒钟后页面自动跳转到百度:{
<meta http-equiv="refresh" content="5;URL=http://www.163.com">
}
列表:{
有序列表:
<ol>
<li>coffee</li>
<li>tea</li>
<li>milk</li>
</ol>
无序列表:
<ul>
<li>coffee</li>
<li>tea</li>
<li>milk</li>
</ul>
例如:<ol>
<li>踢足球</li>
<li>打篮球</li>
<li>打拳皇</li>
<li>学习</li>
<li>写代码</li>
</ol>
<ul>
<li>踢足球</li>
<li>打篮球</li>
<li>打拳皇</li>
<li>学习</li>
<li>写代码</li>
</ul>
}
表格:{-
<table>
<th>表格头
<tr>行
<td>列:1、colspan=”2”跨两列;
2、rowspan=”2”跨两行;
3、align=left,right,center对齐方式。
例如:
<body>
<table border="1" align="center" bordercolor="red">
<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 colspan="2">
影后
</td>
</tr>
</table>
</body>
}
表单:{
<form name=”formTest” action=”” method=”post”>
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=”test” name=”firstname” value=”” maxlength=”10”>
密码框:
<input type=”password” name=”password” value=”” maxlength=”6”>
文本域:
<textarea rows=”10” cols=”30” name=”despcriprion”>
单选按钮:
<input type=”radio” name=”sex” value=”male” checked>男
<input type=”radio” name=”sex” value=”female” >女
例如:
<!-- 注意:实现同一功能的单选按钮的name属性值必须要保持一致 -->
<input type="radio" name="sex" value="0"/>男
<input type="radio" name="sex" value="1"/>女
<input type="radio" name="sex" value="2" checked/>保密
<br>
复选按钮:
<!-- 注意:实现同一功能的复选按钮的name属性值建议保持一致 -->
<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/>睡觉
下拉列表:
<select name="province" id="province">
<option selected=”true” value="000">请选择省</option>
<option value="001">河北</option>
<option value="002">河南</option>
<option value="003">山东</option>
<option value="004">山西</option>
<option value="005">湖南</option>
复选下拉列表:
<select name="province" id="province" multiple>
<option selected=”true” value="000">请选择省</option>
<option value="001">河北</option>
<option value="002">河南</option>
<option value="003">山东</option>
<option value="004">山西</option>
<option value="005">湖南</option>
隐藏域:用来保存一些不需要显示给用户看但是要提交给服务器的内容。
<input type=”hidden” name=”hidden1” value=”abc”>
以上name属性值必须写,需要向服务器提交value,下面几个按钮则可以不写。
<input type=”reset” value=”重置按钮”>
<input type=”button” value=”普通按钮”>
<input type=”submit” value=”提交按钮”>
readonly将文本框变为只读,disabled将按钮置成灰色不可操作(disabled=”true”),两者的区别是用(disabled时)提交时地址栏不显示该项信息。
}
<!--EndFragment-->发表评论
-
lucene3.0 例一
2012-09-11 20:18 626package com.lucene;import java. ... -
lucene3.0
2012-09-11 20:15 838全文搜索 核心:创建索引——查询索引--分词器 索引引擎: ... -
分布式存储(转载)
2012-06-05 15:42 1174L1、HTML静态化其实大家都知道,效率最高、消耗最小的 ... -
java设计原则
2012-04-05 16:50 792原则1:DRY(Don't repeat ... -
java静态、动态代理
2012-04-04 18:51 815JAVA的动态代理 代理模式 代理模式是常用的java设计模式 ... -
Hibernate声明事务
2011-09-17 16:25 861事务处理 第一种方式: 首先配置datasoure: ... -
javascript应用3
2011-09-10 15:14 936打开一个新页面:{ <script t ... -
javascript应用2
2011-09-10 15:09 874日期插件的应用:{ <script type=& ... -
javascript应用1
2011-09-10 15:00 946javascript {<!-- 1.j ... -
css应用
2011-09-10 14:59 865CSS 本章目标 1、CSS的定义、优势 2、css的基 ... -
jsp、el、jstl.doc
2011-09-10 14:53 1304serlvet和jsp区别和联系 jsp从本质上讲也是s ... -
Jdbc
2011-09-10 14:49 878jdbc操作数据库插入、更新、删除、查找 mysql数据 ... -
文件上传步骤
2011-09-10 14:47 731文件上传的简单方法:(原理性的实验) 1. <b ... -
中文乱码问题解决
2011-09-10 14:43 7191. post方式提交的数据 采用request.setCha ... -
事务传播特性与隔离级别
2011-09-10 14:38 762事务传播特性了解事务的几种传播特性 ... -
监听器
2011-09-10 14:36 848监听器概述 1.Listener是Servlet的监听器 ... -
过滤器
2011-09-10 14:35 12141. Servlet过滤器基础 Servlet过滤器是Se ... -
web编程常用配置2
2011-09-10 14:35 684c3p0.jar:C3PO是一个数据库连接池,Hibern ... -
web编程常用配置1
2011-09-10 14:33 957mysql数据库jdbc驱动 jdbcDriver = co ... -
sql练习
2011-09-10 14:28 22411.oracle数据库启动的服 ...
相关推荐
Html2Image html2Image = Html2Image.fromHtml(sb.toString(),null); // 这边如果设置false,图片不会自动根据内容设置长宽默认长1024 ,宽768 //html2Image.getImageRenderer().setAutoHeight(false); ...
html2fpdf 或 html2pdf 是在fpdf上开发的一个可以将html页面转换为pdf文件的PHP类。 官方网址 http://sourceforge.net/projects/html2fpdf/ 近日,由于开发项目需要,需要一个能将页面转换为pdf的插件,以供客户端...
临近期末, 你是否还在为HTML网页设计期末作业而发愁,是否为还在为老师的网页制作作业要求感到头大?是否觉得HTML网页作业无从下手?,网页要求的总数量太多?是否找不到合适的模板?等等一系列问题。本资源就可以为...
HTML基本标记.html HTML基本标记的用法。 我的第一张网页.html 演示我的第一张网页。 第2章(源代码\第2章) 示例描述:本章演示常用HTML标记和格式 注释.htm 注释的用法。 标题标记....
在你成为一名行家之后,阅读HTML书籍给你的唯一感受就是厌烦吗?那么现在就是你拿起《深入浅出HTML与CSS、XHTML》来真正学习HTML的时候了。这本书展示了学习创建符合工业标准的Web页面的完整历程——然而,除了阅读...
Learn the real secrets of creating Web pages, and why everything your boss told you about HTML tables is probably wrong (and what to do instead). Most importantly, hold your own with your co-worker ...
此为《HTML5开发精要与实例详解》的全部配套源码 本书由资深Web开发专家亲自执笔,内容的权威性上应该是毋庸置疑的。 本书在内容结构上将继承《HTML 5与CSS 3权威指南》一书的优点,几乎每个知识点都将配一个精心...
适合学生的html5响应式网站 成品可以让你们修改吗? 学生网页成品坚持每周更新 学生网站一定不能太专业,否则老师会发现的! DIV+css+js学生网站如何做? 不靠这个吃饭--你还用自己做网站吗? 大学生静态网页成品...
通用电商模板提供下载,都是html静态页面,设计好的前端页面 1 绪论 1 1.1 项目开发背景 1 1.2 论文的研究目的和意义 2 1.2.1 开发的研究目的 2 1.2.2 开发的研究意义 3 2 项目介绍 4 2.1 web前端开发 4 2.1.1 web...
html案例html案例html案例html案例html案例html案例html案例
仓库管理系统 HTML页面设计 基本信息模块:为管理员提供实现对客户信息、供货商信息、货品信息以及仓库信息的管理维护,包括对信息查询、添加、修改和删除等操作。 ☆权限管理模块:为仓库部门的其他两个角色...
圣诞树HTML,下载点击即可使用,表白神器
《HTML+CSS网页设计与布局从入门到精通》紧密围绕网页设计师在制作网页过程中的实际需要和应该掌握的技术,全面介绍了使用HTML和CSS进行网页设计和制作的各方面内容和技巧。 《HTML+CSS网页设计与布局从入门到精通》...
ECharts+html大数据可视化大屏展示模板25套,可以根据自己需求修改数据和样式,都是基于ECharts的大数据可视化展示html的模板,直接打开html即可看到展示效果。内含:智慧物流大数据展示模板,智慧医疗大数据展示模板...
越来越多的站点开始使用 HTML5 标签。但是目前的情况是还有很多人在使用IE6,IE7,IE8。为了让所有网站浏览者都能正常的访问网站,解决方案就有下面两个: 1.为网站创建多套模板,通过程序对User-Agent的判断给不同...
最近接了个任务需要用H5在前台两个大电视上做两页数据展示公司的产品数据,效果要高大上,还好之前接触过HTML5,所以第一时间想到就是echarts,这个框架对于数据展示尤其图表类处理的还是非常强大和炫酷的。...
HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据...
ERP界面原型 ERP 界面原型 HTML ERP 界面原型 HTML ERP 界面原型 HTML ERP 界面原型 HTML ERP 界面原型 HTML
winfrom中嵌套html,跟html的交互,源码就在里面一看就懂,很简单