JSP程序设计教程(第2章)汇总

JSP程序设计教程第2章JSP开发基础第2章JSP开发基础2.1HTML语言基础2.2JavaScript脚本语言2.3Java语言基础√√√2.1HTML语言基础什么是HTML？HTML是超文本标记语言（HyperTextMarkupLanguage）的缩写。HTML语言由一些标记，字母和文字组成，用于编写浏览器能识别的网页文件。2.1.1HTML文件的结构HTML文档由Html标记开头，由/Html标记结尾。HTML文档分为两个部分：标题部分和正文部分。•Html•Head•Title标题/Title•标题部分•/Head•Body•正文部分•/Body•/Html2.1.2头元素meta标签（1）通常应用于文件的开头部分，即head/head之间（2）包括页面的一些基本描述语句（3）有两类meta标签，用不同的属性划分，name和http-equiv，都和属性content一起使用头元素(续)name属性，在页面中加入描述信息(关键字、描述等)Keywords，设置关键字Description，网页描述Robots，设置搜索采取何种行动：index检索、noindex不检索、follow顺着该页超链接搜索、nofollow禁止向下搜索、all所有、none所有都不Generator，说明编辑该页面的工具软件名Author，说明网页的作者Copyright，说明版权信息头元素(续)http-equiv属性，设置模拟的HTTP协议头信息Content-Type，说明网页的MIME类型和字符集编码Refresh，自动刷新页面的时间，单位秒，也可设置URL值，到时间跳转到这个页面上Expires，设定网页到期时间，也就是缓存时间，一旦网页过期，必须到服务器上重新调阅。Windows-Target，强制页面在某个窗口显示Pragma，禁止浏览器在本地计算机上缓存该页面Page-Enter，设置进入页面的特殊显示效果Page-Exit，设置离开页面的特殊效果Meta用例指定被搜索引擎作为索引的关键词metaname=”keywords”content=”word1,word2,……”设置文档的语言字符集（Charsets）信息metaHttp-equiv=”Content-Type”content=”text/html;charset=#”#取值是：us-ascii,iso-8859-1,x-mac-roman,iso-8859-2,x-mac-ce，iso-2022-jp,x-sjjs,x-euc-jp,euc-kr,iso-2022-kr，gb2312,gb-2312-80，x-euc-tw,x-cns11643-1,x-cns11643-2,big5文档更新：metahttp-equiv=”refresh”content=”seconds;url=linkto”页面描述：Metaname=”Description”content=”描述内容”页面生成：Metaname=”Generator”content=”MicrosoftFrontpage4.0”控制页面缓存：metahttp-equiv=”expires”content=”Sun,31dec200000:00:00GMT”示例：HEAD头元素HTMLHEADMETANAME=DescriptionCONTENT=ThePageOfHTMLMETANAME=KeywordsCONTENT=Good,Better,BestMETAHTTP-EQUIV=Content-typeCONTENT=Text/html;charset=gb2312METANAME=AuthorCONTENT=ZhouRunFaMETAHTTP-EQUIV=“Refresh”CONTENT=5;URL=我的第一页面/TITLE/HEADBODY这里是内容/BODY/HTMLMETA关键词设置meta标签中最重要的就是:Keywords和description的设定。这两个语句可以让搜索引擎能准确的发现你，吸引更多的人访问你的站点!写keywords的禁忌是：1.不要用常见词汇。例如等。2.不要用形容词，副词。例如最好的，最大的等。3.不要用笼统的词汇，要尽量精确。例如不用“摩托罗拉手机”,改用“V998”等（补充）关于提高搜索点击率1.为了增加关键词的密度，将关键字隐藏在页面里(将文字颜色定义成与背景颜色一样)。2.在图象的alt注释语句中加入关键字。如：IMGSRC=xxx.gifAlt=keywords3.利用HTML的注释语句，在页面代码里加入大量关键字。用法：!---这里插入关键字---2.1.3正文标记BodyBody标记用于标记正文内容。Body对标记有多个属性，用于定义页面主体内容的显示效果。语法格式：Body[Bgcolor=#|Text=#|Link=#|VLink=#|ALink=#|Background=图形文件名]2.1.4HTML常用排版标记1．标题字体H/H语法格式：HiColor=#|Align=#标题字体/Hi(i=1,2,…6)2．字体标记Font/Font一般用于定义文档中要显示文字的字体、大小和颜色。语法格式：FontFace=字体名称|Size=#|Color=#文字/Font3．段落标记P段落标记P用于指出一个新段落的开始，其后面的内容从新的一行开始，并与上段之间有一个空行。语法格式：P……/P4．换行标记Br换行标记Br是单标记,其作用相当于“回车”键，Br后面的内容将另起一行。语法格式：Br…5．插入水平线标记Hr标记Hr用于产生一条水平线，以分隔文档的不同部分。Hr是单标记符。语法格式：HrAlign=#|Size=#|Width=#|Noshade=#|Color=#6．块级元素块级元素包括Div和Span两种标记。Div用于文档分节，以便为文档的不同部分应用不同的段落格式。2.1.4HTML常用排版标记2.1.5HTML文件的超链接标记超链接是互联网最重要的功能，整个互联网就是由相互链接的网页组成的。2.1.5HTML文件的超链接标记1.链接到本机的另一网页语法格式：AHref=“路径\filename.html”链接文字/A2.在同一网页内的自身链接语法格式：（1）定义锚标记：ANAME=“定义锚点的名字显示文字/A（2）做对锚的链接：AHref=“#已定义锚点的名字链接显示文字/A2.1.5HTML文件的超链接标记3.链接到另外一个网站上的Web页语法格式：Ahref=“URL”这里是某地方/A其中：URL：统一资源定位。4.电子邮件链接电子邮件链接的作用是，当单击页面上的链接时，自动打开默认的邮件发送程序发邮件。语法格式：AHref=mailto:Email地址链接文字/A2.1.5HTML文件的超链接标记Target属性的作用是将链接的文件在指定的窗口中打开，常用于框架结构中。Target属性的使用方式一般有以下三种：可用于A标记、Base标记、Form标记AHref=…Target=Windows-NameBaseTarget=Windows-NameFormAction=“…”Target=“Windows-Name”Windows-Name处可取值_blank在一个新的未命名的窗口载入文档_self在相同的框架或窗口中载入目标文档_parent把文档载入父窗口或包含了超链接引用的框架的框架集_top把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架2.1.6图像标记Img语法格式：ImgSrc=?Width=?Height=?Alt=?Border=?Align=?2.1.7表格标记table/table1．定义表格标题的标记caption语法格式：CaptionAlign=#表格标题/Caption2．定义表格行的标记Tr语法格式：Tr……/Tr3．定义字段名的标记Th语法格式：Th……/Th4．定义数据的标记Td语法格式：Td……/TdtableAlign=centerborder=1CaptionAlign=left表格标题/CaptiontrthNO.1/ththNO.2/th/trtrtd11/tdtd22/td/tr/table2.1.8表单标记form/form说明：（1）form标签用于创建HTML表单。（2）表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮、menus、textarea、fieldset和label元素等。2.1.8表单标记form/formform主要属性说明：action：一个URL地址；指定form表单向何处发送数据。enctype：规定在发送表单数据之前，如何对表单数据进行编码。method：指定表单以何种方式发送到指定的页面。指定的值有：get：from表单里所填的值，附加在action指定的URL后面，做为URL链接而传递。post：from表单里所填的值，附加在HTMLHeaders上。GET与POST的区别：①数据的查询：get方式，能在URL中一目了然的看到所要查询的信息(条件)。post因为隐藏掉了这些信息，不方便进行检验查询条件。②敏感数据的提交(安全性)：get方式附加在URL上，会泄露掉敏感的消息。post方式，能隐藏掉敏感的信息。③大数据文本传递：get传递数据是通过将数据附加在URL上，各浏览器对URL也有个长度限制。IE：2048字符。Chrome大约是8182字符。post基本没此限制。2.1.9表单中的控件input标记根据不同的type属性值，输入字段拥有很多种形式，type的取值如下：text文本区域password密码区域，输入的文本以'*'展示radio单选框Checkbox复选框reset重置当前form表单submit提交当前form表单button常用于启动JavaScript程序file文件选择标签hidden隐藏区域image图像形式的提交按钮2.1.9表单中的控件select标记属性介绍：size：默认展示的下拉列表尺寸。默认的为combox样式；大于1时，就是listbox样式。multiple：多项选择,按住Ctrl+左键进行多选。子项：optgroup:选择项的类别，不能被选中。label属性：类别展示的名称title属性：鼠标移到选择项上去，要展示的信息option:可选的项目vlaue属性：选择项具体的名称title属性：鼠标移到选择项上去，要展示的信息2.1.9表单中的控件textarea标记多行文本区域属性：rows：表示显示的行数cols：表示显示的列数readonly：是否只读2.1.9表单中的控件ul、ol、li列表标记ul：unorderedlist（无序列表）ol：orderedlist（有序列表））li：listitem（列表项目），基于上面2个列表子项目。2.1.10框架结构在HTML中，框架（Frame）亦称为“帧”，使用框架可以获得在同一个窗口中开辟几个子窗口以便同时显示几个不同页面的效果。框架集标记框架结构的所有内容都包含在对标记FrameSet和/FrameSet之间。