jsp用到的标签.doc_第1页
jsp用到的标签.doc_第2页
jsp用到的标签.doc_第3页
jsp用到的标签.doc_第4页
jsp用到的标签.doc_第5页
免费预览已结束,剩余1页可下载查看

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

HTML结构htmlheadtitle标题title/headbody.文件内容./body/html版面1.标题文字h#./h#=16;h1为最大字,h6为最小字2.字体变化font./font【1】字体大小fontsize=#./font#=17;数字愈大字也愈大【2】指定字型fontface=字型名称./font【3】文字颜色fontcolor=#rrggbb./fontrr:表红色(red)色码gg:表绿色(green)色码bb:表蓝色(blue)色码3.显示小字体small./small 4.显示大字体big./big5.粗体字b./b 6.斜体字i./i 7.打字机字体tt./tt8.底线u./u 9.删除线strike./strike10.下标字sub./sub 11.上标字sup./sup12.文字闪烁效果blink./blink 13.换行br 14.分段p15.文字的对齐方向palign=#号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐P.S.palign=#之後的文字都会以所设的对齐方式显示,直到出现另一个palign=#改变其对齐方向,或遇到hrh#标签时会自动设回预设的向左对齐。16.分隔线hr【1】分隔线的粗细hrsize=点数【2】分隔线的宽度hrsize=点数或百分比【3】分隔线对齐方向hralign=#号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐【4】分隔线的颜色hrcolor=#rrggbb【5】实心分隔线hrnoshade17.向中对齐center./center18.依原始样式显示pre./pre19.body指令的属性【1】背景颜色-bgcolorbodybgcolor=#rrggbb【2】背景图案-backgroundbodybackground=图形文件名【3】设定背景图案不会卷动-bgpropertiesbodybgproperties=fixed【4】文件内容文字的颜色-textbodytext=#rrggbb【5】超连结文字颜色-linkbodylink=#rrggbb【6】正被选取的超连结文字颜色-vlinkbodyvlink=#rrggbb【7】已连结过的超连结文字颜色-alinkbodyalink=#rrggbb20.注解!-.-21.特殊字元表示法符号语法&空白 图片1.插入图片imgsrc=图形文件名2.设定图框-borderimgsrc=图形文件名border=点数3.设定图形大小-widthheightimgsrc=图形文件名width=宽度点数height=高度点数4.设定图形上下左右留空-vspacehspaceimgsrc=图形文件名vspace=上下留空点数hspace=左右留空点数5.图形附注imgsrc=图形文件名alt=说明文字6.预载图片imgsrc=高解析度图形文件名lowsrc=低解析度图形文件名P.S.两个图的图形大小最好一致7.影像地图(ImageMap)imgsrc=图形文件名usemap=#图的名称mapname=图的名称areashape=形状coords=区域座标列表href=连结点之URLareashape=形状coords=区域座标列表href=连结点之URLareashape=形状coords=区域座标列表href=连结点之URLareashape=形状coords=区域座标列表href=连结点之URL/map【1】定义形状-shapeshape=rect:矩形shape=circle:圆形shape=poly:多边形【2】定义区域-coordsa.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标例:areashape=rectcoords=100,50,200,75href=URLb.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度例:areashape=circlecoords=85,155,30href=URLc.任意图形(多边形):将图形之每一转折点座标依序填入例:areashape=polycoords=232,70,285,70,300,90,250,90,200,78href=URL表格1.定义表格table./table【1】设定边框的厚度border tableborder=点数【2】设定格线的宽度cellspacing tablecellspacing=点数【3】设定资料与格线的距离cellpadding tablecellpadding=点数【4】调整表格宽度width tablewidth=点数或百分比【5】调整表格高度height tableheight=点数或百分比【6】设定表格背景色彩bgcolor tablebgcolor=#rrggbb【7】设定表格边框色彩bordercolor tablebordercolor=#rrggbb2.显示格线tableborder3.表格标题caption./caption 表格标题位置-aligncaptionalign=#号可为top:表标题置于表格上方(预设值)bottom:表标题置于表格下方4.定义列tr5.定义栏位1td:靠左对齐2th:靠中对齐粗体【1】水平位置-alignthalign=#号可为left:向左对齐center:向中对齐right:向右对齐【2】垂直位置-alignthalign=#号可为top:向上对齐middle:向中对齐bottom:向下对齐【3】栏位宽度width thwidth=点数或百分比【4】栏位垂直合并rowspan throwspan=欲合并栏位数【5】栏位横向合并colspan thcolspan=欲合并栏位数清单一、目录式清单dirli项目1li项目2li项目3/dirP.S.目录式清单每一个项目不能超过20个字元(即10个中文字)二、选项式清单menuli项目1li项目2li项目3/menu三、有序号的清单olli项目1li项目2li项目3/ol【1】序号形式-typeoltype=#或litype=#号可为A:表以大写英文字母ABCD.做为项目编号a:表以小写英文字母abcd.做为项目编号I:表以大写罗马数字做为项目编号i:表以小写罗马数字做为项目编号1:表以阿拉伯数字做为项目编号(预设值)【2】起始数字-startolstart=欲开始计数的序数【3】指定编号-valuelivalue=欲指定的序数四、无序号的清单ulli项目1li项目2li项目3/ul【1】项目符号形式-typeultype=#或litype=#号可为disc:实心圆点(预设值)circle:空心圆点square:实心方块【2】原始清单-plainulplain【3】清单排列方式-warp1清单垂直排列ulwarp=vert2清单水平排列ulwarp=horiz五、定义式清单dldt项目1dd项目1说明dt项目2dd项目2说明dt项目3dd项目3说明/dl紧密排列-compactdlcompactP.S.如此可使dt的内容与dd的内容在同一行,仅以数格空白相隔而不换行,但若dt的文字超过一定的长度后,compact的作用就消失了!表单一、基本架构formaction=处理资料用的CGI程式之URL或mailto:电子信箱的URLmethod=get或post./form二、输入文件型表单formaction=URLmethod=postinputinput./form【1】栏位类型-typeinputtype=#号可为text:文字输入password:密码checkbox:多选钮radio:单选钮submit:接受按钮reset:重设按钮image:图形钮hidden:隐藏栏位【2】栏位名称-nameinputname=资料栏名P.S.若type为submitreset则name不必设定【3】文件上的预设值-valueinputvalue=预设之字串【4】设定栏位的宽度-sizeinputsize=字元数【5】限制最大输入字串的长度-maxlengthinputmaxlength=字元数【6】预设checkbox或radio的初值-checkedinputtype=checkboxcheckedinputtype=radiochecked【7】指定图形的URL-srcinputtype=imagesrc=图档名【8】图文对齐-aligninputtype=imagealign=#号可为top:文字对齐图片之顶端middle:文字对齐图片之中间buttom:文字对齐图片之底部三、选择式表单formaction=URLmethod=postselectoptionoption./select/formA、select的属性【1】栏位名称-nameselectname=资料栏位名【2】设定显示的选项数-sizeselectsize=个数【3】多重选项-multipleselectmultipleB、option的属性【1】定义选项的传回值-valueoptionvalue=传回值【2】预先选取的选项-selectedoptionselected四、多列输入文字区表单formaction=URLmethod=posttextarea./textarea/form【1】文字区的变数名称-nametextareaname=变数名称【2】设定文字输入区宽度-colstextareacols=字元数【3】设定文字输入区高度-rowstextarearows=列数【4】输入区设定预设字串textarea预设文字/textarea【5】自动换行与否-wraptextareawrap=#号可为off:表输入的文字超过栏宽时,不会自动换行(预设值)virtual:表输入的文字在超过栏宽时会自动换行链接一、连结至其他文件ahref=URL说明文字或图片/a二、连结至文件内之某一处(外部连结)1起点ahref=档名#名称./a2终点aname=名称三、frame的超连结【1】开启新的浏览器来显示连结文件-_blankahref=URLtarget=_blank【2】显示连结文件於目前的frame-_selfahref=URLtarget=_self【3】以上一层的分割视窗显示连结文件-_parentahref=URLtarget=_parent【4】以全视窗显示连结文件-_topahref=URLtarget=_top【5】以特定视窗显示连结文件-ahref=URLtarget=特定视窗名称FRAME一、分割视窗指令frameset./frameset【1】垂直(上下)分割-rowsframesetrows=#号可为点数:如欲分割为100,200,300三个视窗,则framesetrows=100,200,300;亦可以*号代表,如framesetrows=*,500,*百分比:如framesetrows=30%,70%,各项总和最好为100%【2】水平(左右)分割-colsframesetcols=点数或百分比二指定视窗内容-frameframesetcols=30%,70%frameframe/frameset【1】指定视窗的文件名称-srcframesrc

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论