0.先看一个实例
内嵌子标签:... :字体标签,控制文本的大小、颜色、字体
...
:段落标签,分段,属性align="center/left/right"
:换行标签
:水平分隔线
- :有序表
- 列表项内容1
- 列表项内容2
- 列表项内容3
- 列表项内容1
- 列表项内容2
- 列表项内容3
- :无序表
:预格式文本
:图片标签
... 粗体标签
... 斜体标签
... 下划线标签,放在与标签之间的文字将以下划线方式显示。
用于强调的文本,一般显示为斜体字
用于特别强调的文本,显示为粗体字
用于引证和举例,通常是斜体字
用来指出这是一组代码
规定文本以小号字显示
规定文本以大号字显示
显示一段计算机常用的字体,即宽度相等的字体
由用户输入文本,通常显示为较粗的宽体字
用来表示变量,通常显示为斜体字
表示一个定义或说明,通常显示为斜体字
sup指数标签:122=144 指数标签
sub下标标签:硫酸亚铁的分子式是Fe2SO4
小例子:
手机充值、IP卡/电话卡
移动 | 100 | 联通| 50
Copyright © 2007 "淘宝网" All rights.
![]()
腾讯-QQ币/QQ幻想-30元卡
一口价: 26.45元
运费: 卖家承担运费
剩余时间: 5天
宝贝类型: 全新
卖主声明: 货到付款,可试用10天!
滚动文字或图像
单元格内容11 | 单元格内容12 |
单元格内容21 | 单元格内容22 |
手机充值、IP卡 | 办公设备、文具 | |
各种卡的总汇 | 铅笔 | 彩笔 |
打印 | 刻录 |
一、html的及标签
1.html由2部分组成:头部和实体。
... ...2.HEAD标签中的一些内嵌子标签
是HTML文档的头部标签, 在浏览器窗口中,头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公共属性内嵌子标签:
b.样式规则:标签样式
P { color:red; font-family:"隶书"; font-size:24px;}
c.样式规则:共享样式(类)
.red {
color:red; font-family:"隶书"; font-size:24px;
}
… …
例子:
.red
{ color:red; font-family:"隶书"; }
静夜思
床前明月光,
疑是地上霜。
我是郭德刚,
低头思故乡。
d.文本属性
font-size 字体大小
font-family 字体类型
font-style 字体样式
color 设置或检索文本的颜色
text-align 文本对齐
e.方框属性
边界属性 margin-left / margin-right / margin-top /margin-bottom 设置对象的下边距/右边距/上边距
方框属性 border-width border-color border-style 设置边框的宽度/颜色/样式
填充属性 padding-top padding-right padding-bottom padding-left 设置内容与上边框之间的距离
4.特殊样式-超链接样式
– a:link {color: #FF0000} /* 未被访问的链接红色*/
– a:visited {color: #00FF00} /* 已被访问过的链接绿色*/
– a:hover {color: #FFCC00} /* 鼠标悬浮在上的链接橙色*/
– a:active {color: #0000FF} /* 鼠标点中激活链接蓝色*/
5. 行内(嵌入)样式表
如果希望某段文字和其他段落文字显示风格不一样,该如何解决?
这个段落应用了样式
这个段落按默认样式显示
6. 外部样式表文件
如果希望一个网站中多个页面的样式保持一致,如何解决? 外部样式表文件
根据样式文件与网页的关联方式又分为:
– 链接(LINK )外部样式表
– 导入(@import)外部样式表
a.链接(LINK )外部样式表
b.导入(@import)外部样式表
@ import newstyle.css;
十一、html中使用javascript
1.在HTML中嵌入Javasript的方法
a.直接在Javascript代码放在标记对之间
b.由标记的src属性制定外部的js文件
c.放在事件处理程序中,比如:
d.作为URL的主体,这个URL使用特殊的Javascript:协议,比如:点击我
e.利用javascript本身的document.write()方法写入新的javascript代码
f.利用Ajax异步获取javascript代码,然后执行
2.Javascript在页面的执行顺序
a.页面上的Javascript代码是HTML文档的一部分,所以Javascript在页面装载时执行的顺序就是其引入标记的出现顺序, 标记里面的或者通过src引入的外部JS,都是按照其语句出现的顺序执行,而且执行过程是文档装载的一部分。
b.每个脚本定义的全局变量和函数,都可以被后面执行的脚本所调用。
c.变量的调用,必须是前面已经声明,否则获取的变量值是undefined。
d.同一段脚本,函数定义可以出现在函数调用的后面,但是如果是分别在两段代码,且函数调用在第一段代码中,则会报函数未定义错误。
e.document.write()会把输出写入到脚本文档所在的位置,浏览器解析完documemt.write()所在文档内容后,继续解析document.write()输出的内容,然后在继续解析HTML文档.(document.write会被解析2次)
复制代码
3.如何改变Javascript在页面的执行顺序
利用window.onload
4.显示的数字每秒加1
var o=document.getElementById('abc');
window.setInterval('o.innerHTML=parseInt(o.innerHTML)+1;',1000);
刷新时,该值会重置,如果不想重置,可以使用session或cookie
5.任意自定义标签都可以有一个onclick回调属性,执行js的函数
例子:点击“click me”更新输出加1
function myfunc(){
var o=document.getElementById('abc'); //重新将内存中的元素对象获取回来
o.innerHTML=parseInt(o.innerHTML)+1;
}
jsp脚本
1.JavaServlet引擎通过反射机制链接JSP页面转化为servlet子类,并在请求到来时执行该子类的方法。
2.JSP指令
@指令:提供给JavaServer引擎的编译指示;
3.请求可被转发和扩充
4.当每次GET页面刷新时,页面上的代码将会被重新执行;而POST页面只能被发送一次,一旦表单数据被发送,浏览器将无法保存数据。
5.Servlet与JSP的关系?
Servlet与JSP都可以通过其文件的绝对路径被浏览器请求,然后处理这些请求,返回响应;不同的是Servlet使用前必须作者自己编译为.class文件才能被使用,而JSP文件直接就可以被使用,但是JSP文件使用的过程是被JavaServlet自动解析为了Servlet子类并进行编译成了.class文件。JSP文件本质上是一个Servlet子类文件,并且JSP文件的不同部分在Servlet文件中存在一一对应的关系。JSP页面存在3种形式:JSP源码(.jsp文件)->java源码(servlet类)->java类(servlet对应class)
6.GET和POST请求参数传递
对于以下表单分别通过GET和POST传送
当这个表单被提交时,HTTP request 就会像这样:
GET /foo.php?first_name=John&last_name=Doe&action=Submit HTTP/1.1
...
POST:发送数据至服务器
POST /foo.php HTTP/1.1
...
Content-Length: 43
first_name=John&last_name=Doe&action=Submit //隐藏域
6.Servlet的生命周期
(1)init()
当一个请求被容器引擎收到后,容器检查该servlet是否被载入,如就然后调用装载器得到servlet类并实例化,然后调用init()方法。该方法只会被调用一次。servlet被载入之后就可以处理任意数目的请求了,请求处理完不会被卸载。
(2)service()
init()方法成功完成后,servlet可以接收请求。默认只有一个servlet实例被创建。servlet容器在一个单一线程中向servlet实例转发每一个请求,并调用service()方法(或者doGet(),doPost())。
(3)destroy()
容器在卸载servlet实例时将调用destroy()方法。手动调用destroy()方法并不会卸载实例
7.线程模型
servlet引擎载入一个十二vletde单一实例,在单线程中使用该实例服务于多个请求,而该实例并不是线程安全的。安全的做法是在service()方法中定义局部变量,而不要轻易的将变量定义为servlet的成员变量。
虽然单实例多线程模型为缺省模型,但servlet可以通过继承SingleThreadMode改变此行为,此接口不包含需要实现的方法。这样容器引擎可以创建一个实例池,并分配每一请求到自己的实例和线程,而不是共用实例。但是由于存在多个servlet实例,他们可能同时访问文件或数据库这样的资源,可能会有并发问题。这需要使用同步来解决。
8.服务器与浏览器会话
http不存在状态导致服务器与浏览器之间的会话需要使用其他的方式实现。
跟踪客户端行为状态有2种方式:
a.由客户端来跟踪保存,每次请求页面时,携带该状态给服务器处理。->cookie
b.有服务器来跟踪保存,浏览器保存该状态集id,每次请求页面时,携带该id给服务器。->session;那么session的会话id如何在服务器和浏览器之间传递:(1)服务器可以在响应中加入一个set-Cookie头标,并将session-id作为cookie的取值,在随后的浏览器访问中可以返回带有cookie头标的取值;(2)浏览器可以将session-id附加到URL传递给服务器;(3)隐藏域,如果应用有一系列使用submit按钮进行导航的html窗体组成,session-id可以被存储成一个隐藏域,服务器可以通过request.getParameter()进行检索。显然,只有窗体均为动态生产的时候此方法才有用。
cookie和session都以键值对的形式保存数据。
9.JSP页面组件
JSP元素有3种:
(1).伪指令
伪指令是指示JSP容器生产何种代码的命令。
格式:
<%@ directive-name [attribute="value" ...] %>
3种标准伪指令:page include taglib
a.page用于指定整体jsp页面的属性
b.include为指令在转换时将另一个文件复制到该处,类似与C编译器的#incldue指令;<%@ include file="header.html" %>
c.通过使用一个标签库,在当前页面中启用定制行为
(2).脚本元素:注释、包含表达式、scriptlet和声明
<%-... -%> 注释
<%= express%> 表达式,相当于out.write(express);
<% 语句;语句;...%> scriptlet
<%! 函数或成员变量%> 声明
(3).动作行为(7种,完全使用XML语法编码)
10.jsp全部隐含对象
request response pageContext session
application out config page exception
11.JSP文件与servlet.java文件对应关系
<%@ page import ...%> -> import ...;
<%! 函数或成员变量%> -> servlet成员变量和成员函数定义或声明
<%...%> -> service()成员函数中的一段代码
JavaScript脚本
一、基础
1.javascript调试一般需要使用firedug插件,开发工具有很多,visual stuaio,eclipse,notpad等等
2.基本语法
2.1 javascript的语法类似与java语言,但不是面向对象的。
2.2 javascript的注解和C语言相同,使用'//'和'/**/'
2.3 javascript可以直接放在html中,如下
...
而在xhtml中可能需要这么写:
...
]]>
也可以把javascritpt单独放在一个.js的文件中,在html中应用该文件,如
myjavascript.js
alert("hello"); //只有一句
在html中这样引用
//即可将代码放在指定位置
2.3 var声明变量
变量只有先声明才能使用,
var x=4; //javascript是自动数据类型
js的数据类型有: Number,String,Boolean,Null,Object(对象),Array,Date,RegExp
Number 数字 : var h=0xe;
String : var str="ls"
Boolean :var f=false
Null :null是使用var定义后但没有赋值的变量,var t;此时t是空,没有定义的变量是不能用的。
Object :var myobject={“iden”:"1","name":"coco"};不同于其它语言的对象,js的对象类似与字典,可以嵌套
调用成员可以这样:alert(myobject.iden) 和这样alert(myobject["iden"])
还可以这样:var mo=new Object; mo.iden="1";mo.name="coco";
Array : var star=new Array(); star[0]="p";star[1]="e";star[2]="w";
或var star=["p","e","w"]; 可以嵌套
Date :var date= new Date(); alert(date.getYear());
类型转换:一般之涉及数字与字符串之间的转化
var mystr=String(100);
var mynum=Number("100")
bool值可以在字符串及数字之间自动转化
2.4保留字
break,delete,if,this,while,case,do,in,throw,with,catch,else,instanceof,try,continue,finaly,new,typeof,debugger,for,return,var,default,function,switch,void;下面将来保留字:calss,enum,extends,super,const,export,import,implements,let,private,public,yield,interface,package,protected,static
2.5 几个重要的操作符
in 包含操作符: if("start" in myobj) myobj是对象
instanceof 操作符 if(myobj instanceof Object)
delete 删除操作符,可用于任何变量及元素 var st={"1","2"}; delete(st[0]);
typeof 求var的类型 if(typeof(st)=="object")
2.6 js的流控制语句
if else
switch case 支持字符串匹配哦
while/do while
for/for in for in用于遍历对象
2.7 函数
1.无名函数:var f=function(para1,para2){...};f();
2.一些对话框函数:alert(),confirm()
3.有名函数
function cub(par1,par2){
...
return ...
}
也可以不直接指定入参(使用内建的arguments数组)
function cub(){
var arglen=arguments.length;
for(var i=0;i return ... } 2.8 闭包 function myfun(){ var mybun=10; function showNum(){ alert(myNum) } return showNum(); } var callFun=myfun(); callFun(); 2.9对象 1.定义一个具有属性和方法的对象:(先定义对象,再定义属性和方法) var ball={}; ball.size=10; ball.color="red"; ball.roll=function(para1){...}; 使用for..in..可以遍历对象中的所有属性(不包括方法) 2.使用function定义类(先定义属性和方法再定义对象) function Star(){ //函数中使用this定义的Star类 this.size=10; this.roll=function(){...} } var t=new Star(); 定义一个对象 三、浏览器对象模型 1.浏览器本身使用被抽象成一个window对象,该对象是以下对象 document,frames,history,location,navigator,screen,self/window/parent 2.window对象 window对象是一个全局对象,表示浏览器目前正打开的窗口,alert和prompt()方法都是window的方法,由于window是全局对象,所以调用不需要加window前缀。 screen.availHeight,screen.height 四、文档对象模型 1.DOM以一种树形结构,或者说一种根部在上的树形结构表示HTML文档,DOM提供了修改HTML的方法。 2.获取元素 a.通过id获取元素 Link to the w3
var a=document.getElementById("w3link");
b.