HTMLHTML:(HypeTextMarkupLanguage)超文本标记语言,是最基本的网页语言。代码由标签组成,不区分大小写。由html开始,/html结束,分头部分(head)和体部分(body),头部分用于给页面增加一些辅助或属性信息,最先加载。体部分是真正存放页面数据的地方。属性和属性值用“=”连接,属性值可加双引号、单引号或不加引号。标签相当于一个容器,数据存放在容器里,对数据操作,就是在修改容器的属性值。字体标签:fontsize=”5”color=”red”文字/fontcolor属性可用颜色单词,也可用“#FFFFFF”:井号加十六进制数据表示,红绿蓝标题标签:h1文字/h1共有6级标题水平线标签:hrcolor=”red”size=”5”/size属性指定水平线粗细特殊符号:大于号>小于号<与符号&双引号”空格注册符®版权符©TM符™<>&" ®©™列表和项目符号标签:定义列表dl/dl数字标签ol/ol符号标签ul/uldl定义列表DefinedListdt定义项目dd具体项目/dddd具体项目/dd/dt/dl自动缩进效果具体项目内容用li/li封装自动缩进默认数字样式可用type修改:aAIi1Start属性指定起始号码默认样式空心圆circledisc实心圆square黑方块可用CSS自定义符号注释标签:!—注释内容--图像标签:imgsrc=”../dir/file”alt=”说明文字”heightwidthborder/src属性中可用两个点(../)代表上层目录alt属性中的说明文字在鼠标悬停和图片加载失败时显示图像地图:用img封装好图像后,切换到DW设计视图,在属性中选择热点区域形状并在图像上拖动出一块热点区域,用热点区域链接某个资源。在页面中点击热点区域就会跳转到相应资源。表格标签:tabletrtd/td/tr/tabletableborder=”边框粗细”bordercolorcellpadding=”单元格中数据与单元格边框间距”cellspacing=”单元格与单元格间距0两线并为一线”width=’固定像素值或相对页面百分比’cellspacing=0两线并成一线但显示出来粗,用CSS中border-collapse两线重叠看起来就是一条线table标签内caption/caption给表格加标题,是表格的一部分tdcolspan=2行占两列table标签中默认都有一个tbody标签thead、tbody、tfoot浏览页面时,浏览器解析由table标签封装的页面数据时,读到/table表格结束标记才会显示数据,若封装页面数据的表格很大,没读到结束标记就不显示任何数据,用户体验不佳,所以将表格分为多个部分,读一个/tbody就显示一部分。用tbody将表格分体超链接标签:ahref=””文字/a点击一个超链接做了什么?首先启动相应的协议解析引擎,访问本机hosts文件,查找对应主机IP,未找到再请求网络DNS服务器获取对应IP,用IP访问指定主机。href属性,可以指定协议,mailto:abc@qq.com?subject=”邮件主题”&cc=”抄送地址”mailtothunder……不指定协议默认启动文件协议解析href=协议打开的是一个本地文件并不是主机地址超链接实现页面内跳转:定位标记、锚aname=”top”顶部位置/a用a标签的name属性为当前位置指定一个名字,不使用href属性…很多页面内容…在适当位置用a标签链接到指定名字的位置用#标示当前页面ahref=”#top”回到顶部位置/atarget属性指定页面打开方式,默认在当前页面内打开,_blank新窗口打开title属性:当鼠标悬停在文字上时显示的文字内容表单标签:用于与服务端交互formaction=”表单提交目的地”method=”表单提交方式”/formform标签内的组件:input接收用户输入数据select下拉列表textarea文本区域inputtype=”text”name=”user”value=”zhangsan”/input标签内要指定name属性,服务端才能获取到对应的valueinput内包含的组件类型通过type指定:text文本框password密码框radio单选框属于同一组的选择框name属性要一致,不然单选框不能实现单选checkbox复选框分组同单选框单选框不加属性时还不让你选file提供一个文件浏览按钮,多用于上传文件hidden隐藏组件,不需用户看到但服务端要用到,可通过JavaScript将其值在用户端运算后再提交至服务端使用button按钮通过onclick方法添加事件监听reset重置按钮submit提交按钮image和submit一样,但可通过src属性指定一个图片充当按钮美化效果select选择列表,默认单选下拉式设定multiple属性使选项全部列出,无下拉效果tdrowspan=2列占两行第一行第一个单元格第一行第二个第二行只有一个size属性指定显示多少项,显示不完出现滚动条通过option/option标签封装列表项textareacols=””rows=””文本区域可指定行数和列数fieleset区域设置,可给form加外框外框上的文字可用legend标签指定form中的method指定提交方式,有7中,常用get和post用Java自定义服务端与form交互查看数据提交不同之处get提交:信息显示在地址栏中,敏感信息泄露,不安全;地址栏存储信息量有限,不利于大数据量提交;将信息封装在消息头前边;提交至服务端的中文乱码需要再次编码后再解码post:地址栏上不显示提交的信息,避免信息泄露,安全;提交数据量无限制,方便大数据提交;将信息封装在消息头后边(空行后)的数据体中;中文乱码可通过设定字符集方法简单搞定Tomcat服务端默认使用的iso8859编码,两种提交方式提交中文时,服务端会显示乱码,需要在服务端使用指定字符集解码,request.setCharacterEncoding(“GBK”)但设定字符集方法只对数据体中的数据有效,get方式提交的信息封装在消息头中,不能使用这种方法。但可以通过先用iso8859编码再GBK解码的方式解决。推荐使用post方式提交。暴力提交、暴力注册ahref=”http://注册地址?name=value&id=value......”暴力开始/a超链接默认就是get方式提交客户端首先进行数据有效性校验,服务端对客户端提交的数据必须再次校验label标签:用于给各元素定义快捷键for属性指定快捷键起作用的表单元素,其值必须与该表单元素的id值相同accessKey指定快捷键,要与Alt合用例:labelfor=”user”accessKey=”u”username/labelinputtype=”text”id=”user”/label使用技巧:将label标签加到tr标签上,for属性指向该tr里的文本框,在这行的任意位置点击鼠标,文本框都将获得焦点。其他标签:pre/pre此标签内封装的文本数据格式将保持原样,包括空格和缩进等格式。常用于页面中显示带有缩进层次的代码。p/p段落标签,两个段落之间带有空行b加粗strong加粗i斜体u下划线sub下标sup上标marqueedirection=”left/right/down/up”behavior=”scroll/alternate/slide”此标签内可以让内容动起来,scroll滚动穿过/alternate来回弹/slide一下摔死框架集frameset标签:将浏览器页面分成多个独立的部分,分别显示不同的页面放在head和body之间frameset分割页面frame指定小页面内容framesetrows=”30%,*”frameborder=”yes”border=”1”framespacing=”0”framesrc=”1.html”noresize=”noresize”/framesrc=”2.html”noresize=”noresize”//framesetframeset中用rows和cols属性指定分割页面大小区域,可用百分比也可用像素值frame中的noresize属性使框架页面大小不可随意改动frame中添加的超链接默认都是在当前框架页面内打开的,要让其在当前窗口中的其他框架页面中打开,需要将框架页面添加一个name属性,让超链接的target属性值等于这个框架页面的name属性即可iframe画中画标签:直接在当前页面中挖出一个区域,显示指定页面内容iframesrc=”1.html”width=30height=50画中画标签说明文字,这些文字在浏览器不支持iframe标签时显示/iframe画中画标签具有一定的危险性,可能被用于隐藏执行一些恶意的代码如:iframesrc=”1.js”height=0width=0头标签head内的一些标签:title/titlebase/meta/link/title:页面标题,显示在浏览器标题栏上的文字base:href指定页面中所有超链接的目录,可本地,也可网络,结尾一定要用斜杠/表示目录,只作用于相对路径文件。target指定打开方式meta:metaname=”keywords”content=”电影,视频,关键字……”/metahttp-equiv=”refresh”content=”3,url=”/http-equiv:模拟HTTP协议响应消息头,3秒后刷新,打开指定网页link:给HTML关联一些文件,如CSS,JS等linkrel=”stylesheet”href=”1.css”media=”print/screen”rel指定关联文件与HTML的关系media指定文件作用的设备,多个设备斜杠分隔XHTML是可扩展的(Extensible)超文本标记语言,可理解为HTML向XML的过渡。XML是可扩展标记语言,是对数据信息的描述,而HTML是对数据显示的描述。XML规定更为严格,如标签不结束即错误。XML规范可被更多应用程序解释,将成为一种通用的数据交换语言,各个服务器、框架都将XML作为配置文件。Dreamweaver创建HTML文件自动生成的头部信息中,又一个规范约束文件(.dtd),描述一些标签信息,由此文件来约束标签的自动闭合,删除这些头部信息后,DW中输入标签将不会自动闭合。前边的网址并不代表此文件要从网络获取,只表示名称空间,可自定义。正则表达式正则表达式:是一种专门用来操作字符串的规则,通过一些符号来表示某些程序代码,简化对字符串的复杂操作,但可读性较差。常见操作:匹配、获取/查找、切割、替换匹配:String类中的matches方法matches(regex)获取(查找):Pattern+MatcherPatternp=Pattern.compile(regex);封装规则Matcherm=p.matcher(String);关联字符串,获取对应匹配器while(m.find())查找是否包含有指定规则的字符串{SOP(m.group());输出符合规则的内容}切割:String中的split()spilt(regex)实现复杂切割(连词、叠词)替换:replaceAll(regex,str);示例:获取连续数字Stringre