




已阅读5页,还剩26页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
项目中常用的HTML标签q HTML标签是HTML语言中最基本的单位,HTML标签是HTML语言最重要的组成部分.q 通常要用两个角括号括起来q HTML标签(两种形式,成对与不成对):q 内容 q 表格的开始标签与结束标签: q 单独出现的换行标签: q HTML属性一般都出现在HTML标签中,HTML属性是HTML标签的一部分.q 标签可以有属性,它包含了额外的信息.属性的值一定要在双引号中 q 标签可以拥有多个属性 q 属性由属性名和值成对出现q q 标签是超链接标签. q Href是属性,可以定义链接的位置(URI)代码:qq HTML注释q q 看新闻吧 q qq head 标签-文件头q head 标签 - 代表HTML文档的头信息 q head标签是成对出现的,以开始,结束q 由于这里的内容为文件头,并不是html的主体,所以这里的内容并不会显示在浏览q 器的窗口中。q head元素包含的标签: 实际项目中作用q base标签:为页面里的所有链接指定一个基本的URL字符串 object标签 :引入flash动画q link标签 : 引入样式表文件q style标签 : 页面中插入css样式q script标签 :引入脚本如:javascriptq meta标签: 一般放置搜索引擎定义页面的关键字q base标签q q q q 如果在这同一个页面里还有一个元素,浏览器将会把这个img元素解释为指向绝对URL地址:q http:/com/huawei/images /logo.gif。q q style元素q 此标记用来在页面中插入css样式。(关于css将在后面的css教程中讲到。)语法格式:css内容q q script元素语法格式: 语言内容. q q meta元素提供一些非html标准用户不可见的信息,meta元素一般放置搜索引擎定义页面的关键字;或是对网页cookie的定义、语言定义、刷新、跳转等。1、定义搜索关键字:其中context内的内容为网页关键字,加上这段代码后,你的网页将会被excite,lycos,infoseek,sohu等著名搜索引擎搜索到。2、控制页面缓存的cookie:q 3、语言定义定义语言为简体中文(如果要定义为繁体中文,则只需将gb2312改为big5就行了):q 4、刷新页面:上面的代码定定了网页在60秒后自动转到index.htm这个页面,如果代码中url这一项不要,则网页每60秒刷新一次。链接打在哪里开网页q 点击设计的链接,那么它所到的网址就是:本站首页。 q target:表示在哪里打开网页,q _self:在自身窗口中打开网页;_blank:在新窗口中打开网页;_parent:在父窗口中的开网页;_top:在顶级窗口中打开网页;table中常用的属性q align:定义表格的对齐方式,有三个属性值center,left,right background:定义表格的背景图案,属性值为图片的地址 bgcolor:定义表格的背景颜色,属性值是各种颜色代码 border:定义表格的边框宽度,属性值是数字 bordercolor:定义表格边框的颜色,属性值是各种颜色代码 cellpadding:定义单元格内容与单元格边框之间的距离,属性值是数字 cellspacing:定义表格中单元格之间的距离 height:定义表格的高度,属性值是数字 width:定义表格的宽度,属性值是数字 q 标记用来定义表格的一行,属性描述 q align 行内容的水平对齐 q valign 行内容的垂直对齐 q bgcolor 行的背景颜色 q bordercolor 行的边框颜色 q bordercolorlight 行的亮边框颜色 q bordercolordark 行的暗边框颜色 q 标记:表示表格的单元。其主要属性与属性值和标记的一样,属q 性描述 q align 单元格内容的水平对齐 q valign 单元格内容的垂直对齐 q bgcolor 单元格的背景颜色 q background 单元格的背景图象 q bordercolor 单元格的边框颜色 q bordercolorlight 单元格的亮边框颜色 q bordercolordark 单元格的暗边框颜色 q width 单元格的宽度 q height 单元格的高度 q colspan定义合并表格的列数, rowspan定义合并表格的行q nowrap属性表示禁止单元格中的文字自动换行。 但使用时要注意的是,td元素noWrap属性的行为与td元素的width属q 性有关。td元素中nowrap属性的行为与td元素的width属性有关。如q 果未设置td宽度,则nowrap属性起作用的,如果设置了td宽度,则q nowrap属性不起作用。nowrap详细解说nowrap表示是否允许表格中的文本换行 nowrap=true的时候不能换行 nowrap=false可以换行q 标记所标记的单元格的文字以粗体出现,通常用于表格的标题栏 在网页中插入图像 排版标记分为、 、 、标记用来创建一个回车换行 、水平线标记用来把页面分成几个部分 居中标记 预排版标记 称为定位标记。它的作用是设定文字表格等摆放位置。 我们可以通过align属性设定文字表格的位置 框架必须记住的几个属性1各窗口边框的设置 :左右结构 :上下结构2边框色彩 : bordercolor=#属性用来设定边框色彩 3设置各窗口的上下左右边界宽度 :用来设定各窗口的上下左右边界宽度4各窗口间空白区域的设置 framespacing=#属性用来设定各窗口间空白区域,其中#为空白区域的大小5卷滚条设置 用来设定滚动条 : yes 表示有,no表示没有auto表示由浏览器自动设置#缺省值是auto 6不可变动的框边: noresize属性可设置或返回是否可调整框架的大小 7:name:窗口的名称标识。8:边框的大小:border=值 如:border=3input 标签 - 代表HTML表单的单行输入域 input标签是单独出现的 如: 属性. o type - 代表输入型 o maxlength - 输入域最多可以输入文字的长度 o size - 输入域的长度 o value - 输入域的值 o accesskey - 表单的快捷键访问方式 o disabled - 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作o 用 o readonly - 输入域可以选择,但是无法修改 o tabindex - 输入域的tab键遍历顺序 textarea 标签 - 代表HTML表单多行输入域 textarea标签是成对出现的,以开始,以结束 属性: o cols - 多行输入域的列数 o rows - 多行输入域的行数 o alt - 代表表单的提示文字,当鼠标停留时 o accesskey - 表单的快捷键访问方式 o disabled - 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用 o readonly - 输入域可以选择,但是无法修改 o tabindex - 输入域,使用tab键的遍历顺序 select 标签 - 选择列表标签 select标签是成对出现的,以开始,以结束 此标签中的每对option标签代表一个选择项 属性: o size - 选择域的高度 o multiple - 可以有多个选择 o disabled - 输入框无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用 o tabindex - 使用tab键的遍历顺序 option 标签 - 代表选择列表的一个选择项 option标签是成对出现的,以开始,以结束 属性: o label - 说明选择项 o value - 说明选择项的值 o selected - 此选择项已经被选择 o disabled - 输入框无法获得焦点,无法选择,以灰色显示,在表单中不起任何作o 用 o tabindex - 使用tab键的遍历顺序optgroup 标签 - 代表分组选择项的类别名(此类别名不能选择) optgroup标签是成对出现的,以开始,以结束 属性: o label - 说明选择项 label 标签 - 提示表单的含义(标签说明) label标签是成对出现的,以开始,以结束 两个label之间的内容,是要显示的文字 属性: o for - 与此label描述的表单的id o accesskey - 表单的快捷键访问方式 fieldset 标签 - 对表单进行分组 fieldset标签是成对出现的,以开始,以结束 一个表单可以有多个,每对为一组,每组内容的描述可以使用legend标签说明 属性: legend 标签 - 对表单的每组内容进行说明 legend标签是成对出现的,以开始,以结束 此标签在标签内 属性: o accesskey - 表单的快捷键访问方式 form 标签 - 代表HTML表单 form标签是成对出现的,以开始,以结束 属性. o action - 浏览者输入的数据被传送到的地方,比如一个PHP页面(dreamdu.php) o method - 数据传送的方法 o enctype - 表示将数据发送到服务器时浏览器使用的编码类型 action 属性 - 代表浏览者输入的数据被传送到的地方,比如一个PHP页面(dreamdu.php) 当method属性使用get传递参数时,action 属性的取值比较复杂.enctype 属性 - 代表HTML表单数据的编码方式 method 属性取值: o get - get信息传送方式,这种方式传递的数据量比较少,但是可以把传递的信息显示在网o 址上,详情见action属性 o post - post信息传送方式,此方式传送的信息比较多,而且不会把传递的信息显示在网址o 上 enctype 属性取值: o application/x-www-form-urlencoded - 窗体数据被编码为名称/值对.这是标准的o 编码格式. o multipart/form-data - 窗体数据被编码为一条消息,页上的每个控件对应消息中的一o 个部分. o text/plain - 窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符. HTML input标签的几个属性:type 属性 - 代表HTML表单,单行输入域(框)的表现方式 type 属性取值: o text - 文字输入域(输入型) o password - 也是文字输入域,但是输入的文字以密码符号*显示(输入型) o file - 可以输入一个文件路径(输入型) o checkbox - 复选框.可以选择零个或多个(选择型) o radio - 单选框.只可以选择一个而且必须选择一个(选择型) o hidden - 代表隐藏域,可以传送一些隐藏的信息到服务器 o button - 按钮(点击型) o image - 使用图片来显示按钮,使用src属性指定图像的位置(就像img标签的src屬性)(点o 击型) o submit - 提交按钮,表单填写完毕可以提交,把信息传送到服务器.可以使用value属性來显示按鈕上的文字(点击型) o reset - 重置按钮,可以把表单中的信息清空(点击型) HTML checked 属性:表示checkbox标签的值被选中 HTML enabled是打开或启用的意思, 而disabled是关闭或禁用的意思 HTML readonly 属性:该控件的值只能读不能输入值HTML列表:常用的列表分为3种,无序列表(使用标签),有序列表(使用标签),自定义列表(使用标签).div 标签 - 表示一个块 div标签是成对出现的,以开始,以结束 就像span标签一样,和CSS联合起来才能显示出它的威力 HTML文字1.标题文字 . #=16;h1为最大字,h6为最小字2.字体变化 .【1】字体大小 . #=17;数字愈大字也愈大【2】指定字型 .【3】文字颜色 .rr:表红色(red)色码gg:表绿色(green)色码bb:表蓝色(blue)色码rrggbb也可用6位颜色代码数字3.显示小字体 .4.显示大字体 .5.粗体字 .6.斜体字 .7.打字机字体 .8.底线 .9.删除线 .10.下标字 .11.上标字 .13.换行(也称回车) 14.分段 15.文字的对齐方向 #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.之后的文字都会以所设的对齐方式显示,直到出现另一个改变其对齐方向,遇到或标签时会自动设回预设的向左对齐。HTML分隔线 【1】分隔线的粗细 【2】分隔线的宽度 【3】分隔线对齐方向 #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐【4】分隔线的颜色 【5】实心分隔线 17.居中对齐 .18.依原始样式显示 . HTML body指令的属性【1】背景颜色 - bgcolor 【2】背景图案 - background 【4】文件内容文字的颜色 - text 【5】超连结文字颜色 - link 【6】正被选取的超连结文字颜色 - vlink 【7】已连结过的超连结文字颜色 - alink 19.文字移动指令. 移动速度指令是:scrollAmount=# #最小为1,速度为最慢;数字越大移动的越快。 移动方向指令是:direction=# up向上、down向下、left向左、right向右。 指令举例:.二、HTML图片1.插入图片 2.设定图框 - border 3.设定图形大小 - width、height 4.设定图形上下左右留空 - vspace、hspace 5.图形附注 以下是使页面的内容能够顶上去:参数leftmargin=20 表示与浏览器左部距离为20 参数topmargin=30 表示与浏览器顶部距离为30 参数marginwidth=100 表示与左右边边界为100 参数marginheight=50 表示与上下边边界为50项目中几种注意点:=javascript标但建仓的小列子=function fun()if(document.myform.mytext1.value=)alert(第一个输入框必须输入数据);document.myform.mytext1.focus();else if(document.myform.mytext2.value=)alert(第2个输入框必须输入数据);document.myform.mytext2.focus();else if(document.myform.mytext3.value=)alert(第3个输入框必须输入数据);document.myform.mytext3.focus();elsedocument.myform.submit();function submitfun()if(document.myform.mytext1.value=)alert(第一个输入框必须输入数据);document.myform.mytext1.focus();return false;else if(document.myform.mytext2.value=)alert(第2个输入框必须输入数据);document.myform.mytext2.focus();return false;else if(document.myform.mytext3.value=)alert(第3个输入框必须输入数据);document.myform.mytext3.focus();return false;elsereturn true;-第一个控件:第2个控件:function checkvalue() alert(第1种方式取第1个控件的值为:+document.myform4.mytextid.value); alert(第1种方式取第2个控件的值为:+document.myform5.mytextid1.value); alert(第2种方式取第1个控件的值为:+document.all(mytextid).value); alert(第2种方式取第2个控件的值为:+document.all(mytextid1).value); alert(第3种方式取第1个控件的值为:+document.myform4.elements0.value); alert(第3种方式取第2个控件的值为:+document.myform5.elements0.value); alert(第4种方式取第1个控件的值为:+document.getElementById(mytextid).value); alert(第4种方式取第2个控件的值为:+document.getElementById(mytextid1).value); alert(第5种方式取第1个控件的值为:+document.formsmyform4.elements0.value); alert(第5种方式取第2个控件的值为:+ document.formsmyform5.elements0.value);/*-刷新本页面-*/function refresh()window.location.reload();/*检查checkbox控件是否选择*/function isCheckboxSelected(checkedName) try if(typeof(document.all(checkedName).length)=undefined) /一个不构成数组 if(document.all(checkedName).checked=false) alert(请选择一条记录后再执行操作!); return false; else return true; else var sum = document.all(checkedName).length; var goon= false; var funids=; for(i=0;isum;i+) if(document.all(checkedName)i.checked=true) goon = true; if(!goon) alert(请选择一条记录后再执行操作!); return false; else return true; catch(e) /*获取checkbox的选中的所有值*/function getCheckBoxSelectedValue(checkedName) try var returnValue=; if(typeof(document.all(checkedName).length)=undefined) /一个不构成数组 if(document.all(checkedName).checked=false) alert(请选择一条记录后再执行操作!); return false; else return true; else var sum = document.all(checkedName).length; var goon= false; var funids=; for(i=0;isum;i+) if(document.all(checkedName)i.checked=true) goon = true;var strValue=document.all(checkedName)i.value;returnValue+=strValue+$; /用美元符分开控件值 if(!goon) alert(请选择一条记录后再执行操作!); return false; else /returnValue.substring(0,returnValue.indexof($) return returnValue; catch(e) /*checkbox选择了多少条记录:formName表单名称 todoAction 去另一个处理页面*/function CheckboxSelectedToDo(formName,checkedName,todoAction) var isselect=false; try if(typeof(document.all(checkedName).length)=undefined) if(document.all(checkedName).checked=false) alert(请选择一条记录后再执行操作!); return false; else formName.action=todoAction; formName.submit(); else delemp=document.all(checkedName); var typeId; var count=0; if(delemp.length!=null) for(i=0;idelemp.length;i+) if(delempi.checked=true) typeId=delempi.value; isselect=true; count=count+1; else if(delemp.checked=true) typeId=delemp.value; isselect=true; count=count+1; if(isselect) if(confirm(确定要删除选中的+count+条记录?) formName.action=todoAction; formName.submit(); else alert(请选择要删除的记录!); return false; catch(e) /*radio在项目中的控制*/function checkRadio(radioName) var sum = document.all(radioName).length; var goon= false; var funids=; for(i=0;isum;i+) if(document.all(radioName)i.checked=true) goon = true; if(!goon) alert(必须选择一项!); return false; else return true; /*获取radioBox选中的值*/function getRadioBoxValue(radioName) var selectValue=; var sum = document.all(radioName).length; var goon= false; var funids=; for(i=0;isum;i+) if(document.all(radioName)i.checked=true) goon = true;selectValue=document.all(radioName)i.value;/document.表单名称.控件名称.value=selectValue; 可以将选中的值存起来: if(!goon) alert(必须选择一项!); return false; else return selectValue; /带值走的方式如:一个框架指定另外一个框架引入文件的路径:window.parent.frame2.location=chuli.jsp?value=+selectValue;=Jsp的9种对象=:q out对象:q request对象:q response对象:q session对象:q page对象q pageContext对象:提供包装页面的上下文功能q application对象q config对象q exception对象 =解决JSP开发Web程序中的中文问题=方法一:最简单也是用的最多的方法。% page language=java pageEncoding=GBK %或者% page contenttype=text/html;charset=gbk;这里可以用gb2312或者gbk,只是gbk比gb2312支持跟多的字符。这个方法用于jsp页面中的中文显示。1、我们要保证JSP向客户端输出时是采用中文编码方式输出的,即无论如何我们首先在我们的JSP源代编中加入以下一行: 2、为了让JSP能正确获得传入的参数,我们在JSP源文件头加入下面一句: 3、为了让JSP编译器能正确地解码我们的含有中文字符的JSP文件,我们需要在JSP源文件中指定我们的JSP源文件的编码格式,具体来说,我们在JSP源文件头上加入下面的一句即可: 或 这是JSP规范2.0新增加的指令。 我们建议使用此方法来解JSP文件中的中文问题,下面的代码是一个正确做法的JSP文件的测试程序: 方法三:修改tomcat的server.xml文件中URIEncoding。Connector debug=0 acceptCount=100 connectionTimeout=20000 disableUploadTimeout=trueport=80 redirectPort=8443 enableLookups=false minSpareThreads=25 maxSpareThreads=75maxThreads=150 maxPostSize=0 URIEncoding=GBK /Connector 这个方法主要针对从url中获取字符串的问题。 在tomcat5.0及以上版本,post和get方法在处理编码时有所不同。如果你在url中获取中文就会出现?号。但在tomcat4.1版本没有问题,因为tomcat4.1的post和get方法在处理编码时是一样的。 计算机只有数字,计算机软件里的一切都是用数字来表示的,屏幕上显示的一个个字符也不例外。 字符a对应数字97,字符b对应数字98等,这种字符与数字对应的编码规则被称为ASCII(美国标准信息交换码)。ASCII的最高bit位都为0,也就是说这些数字都在0到127之间。 中国大陆将每一个中文字符都用两个字节的数字来表示,中文字符的每个字节的最高位都为1,中国大陆为每个中文字符制定的编码规则称为GB2312(国标码)。 在GB2312的基础上,对更多的中文字符(包括繁体)进行了编码,新的编码规则称为GBK。 在中国大陆使用的计算机系统上,GBK和GB2312就被称为该系统的本地字符集。 “中国”的“中”字,在中国大陆的编码是十六进制的D6DO,而在中国台湾的编码是十六进制的A4A4,台湾地区对中文字符集的编码规则称为BIG5(大五码)。 在一个国家的本地化系统中出现的一个字符,通过电子邮件传送到另外一个国家的本地化系统中,看到的就不是那个字符了,而是另个那个国家的一个字符或乱码。Unicode编码(是一种全球通用的字符编码) ISO
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025年度医疗机构员工医疗期请假及绩效评估执行合同
- 2025年大型体育场馆现代化改造与高性能运动设施安装合同
- 2025年变压器租赁与绿色电力设备研发合作框架协议
- 2025年度新型电子产品市场推广合作保密协议
- 2025年新能源小货车市场销售预测与风险评估合同
- 2025年绿色生态教育基地与学校合作共建项目合同
- 2025精密医疗器械维护及全系列配件供应合作协议
- 2025年度城市绿化工程项目生态修复保函服务协议
- 2025年IC卡销售与电子票务综合解决方案供应合同
- 2025年绿色出行燃油补贴项目合作协议
- 软件开发功能验收表
- 生产部门年度经营计划
- 售后工程师的安全意识与操作规范
- 热力公司入户维修培训课件
- 给予肠内营养支持品管圈课件
- 2024-2025年全国初中化学竞赛试卷及答案
- 躺平与内卷现象看法
- 浆膜腔积液细胞病理学国际报告系统
- “盘中盘”模式解析
- 高处作业证理论考试题库附答案(新)
- 物流报价单模板及范文
评论
0/150
提交评论