web前端期末复习

·互联网/因特网/万维网互联网包含因特网，因特网包含万维网互联网：internet。凡是能彼此通信的设备组成的网络就是互联网，互联网是一个广泛的概念。因特网：Internet。是互联网的一种，由成千上万台机器组成的互联网，是互联网中最大的一个。因特网提供的服务一般包括有：（万维网）服务、电子邮件服务（outlook）、远程登录（QQ）服务、文件传输（FTP）服务、网络电话等等。万维网：是因特网提供的服务之一，只要应用层使用的是Http协议，就是万维网·统一资源定位符（UniformResourceLocator，URL）也被称为网页地址，如同在网络上的门牌，是因特网上标准的资源的地址（Address)。序号服务（协议）类型含义1http超文本传输协议资源2https用加密传送的超文本传输协议3ftp文件传输协议4mailto电子邮件地址5ldap轻型目录访问协议搜索6newsUsenet新闻组7file当地电脑或网上分享的文件8gopherGopher协议·超链接（HyperLink）是指从一个网页指向另一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。·Web特点1.Web是易导航和图形化2.Web是具有平台无关性3.Web是支持分布式结构4.Web是具有动态性5.Web是具有交互性·HTML（HypertextTextMarkupLanguage）超文本标记语言是标准通用标记语言SGML（StandardGeneralizedMarkupLanguage是一种定义电子文档结构和描述其内容的国际标准语言，是所有电子文档标记语言的起源）下的一个应用，也是一种标准规范，它通过标记符号来标记要显示的网页中的各个部分。HTML是构成Web页面(Page)的基础。层叠样式表CSS（CascadingStyleSheet）级联样式表·作用：可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。JavaScript：·JavaScript最初由网景公司（Netscape）的BrendanEich设计，是一种由Netscape的LiveScript发展而来的客户端脚本语言，主要目的是为了解决服务器端语言，提供数据验证的基本功能。·一个完整的JavaScript实现是由3个不同部分组成的：核心（ECMAScript）、文档对象模型（DOM）、浏览器对象模型（BOM）。·DOM结构·Ajax的核心是JavaScript对象XMLHttpRequest。该对象在InternetExplorer5中首次引入，它是一种支持异步请求的技术。简而言之，XMLHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。·AJAX优点：①最大的一点是页面无刷新，在页面内与服务器通信，给用户的体验非常好；②使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的响应能力；③可以把服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。AJAX的原则是“按需取数据”，可以最大程度的减少冗余请求、响应对服务器造成的负担。④基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。·AJAX的缺点①AJAX破坏浏览器的前进与后退功能，使得用户的习惯得不到延续；②安全问题；③对搜索引擎的支持比较弱；④破坏了程序的异常机制；⑤违背了URL和资源定位的初衷；⑥一些手持设备（如手机、PDA等）现在还不能很好的支持AJAX。·HTML文档结构：一个完整的HTML文档由头部head和主体body两个部分组成。在头部head标记中，可定义标题、样式等；在主体body标记中，可定义段落、标题字、超链接、脚本、表格、表单等元素，主体内容是网页要显示的信息。头部标记所包含的信息一般不会显示在网页上。META标记用来描述一个HTML网页文档的属性，也称为元信息（meta-information），这些信息并不会显示在浏览器的页面中。·设置body标记属性可以改变Web页面显示效果。body标记主要属性有text、bgcolor、background、link、alink、vlink、topmargin、leftmargin。Body标记属性值描述textrgb(R,G,B)grb(R%,G%,B%)#RRGGBBcolorname规定文档中所有文本的颜色。不赞成使用。请使用样式取代它。bgcolor同上规定文档的背景颜色。不赞成使用。alink同上规定文档中活动链接的颜色。link同上规定文档中未访问链接的默认颜色。vlink同上规定文档中已被访问链接的颜色。backgroundURL规定文档的背景图像。topmarginpixel规定文档中上边距的大小leftmarginpixel规定文档中左边距的大小最常用的单标记有br、hr。br、br/表示换行，hr、hr/表示水平分隔线。属性应在开始标记（首标记）内定义，并且和标记名之间有一个空格分隔。属性值可以直接书写，也可以使用双引号“”括起来。添加注释：!--注释信息--comment注释信息/comment·HTML页面编码基本规范1.所有标记均以“”开始、以“”结束。2.根据标记类型，正确输入标记，单标记最好在右尖括号前加1个斜杠“/”，如换行标记是单标记br/，双标记最好同时输入起始标记和结束标记，以免忘记。3.标记可以嵌套使用，但不能交叉使用。4.在HTML代码中不区分大小写。6.标记中可以设置各种属性，属性值建议用双引号标注起来7.书写开始与结束标记时，在左尖括号与标记名或与斜杠“/”之间不能留有多余空格，否则浏览器标记不能识别，导致错误标记直接显示在页面上，影响页面美观效果。8.编写HTML代码时，应该使用锯齿结构，即采用缩进风格，使代码结构清晰，便于理解和分析页面的结构，便于代码后期阅读和维护。·HTML文件命名规则1.文件的扩展名为html或者htm，建议统一用html作为文件名的后缀。2.文件名中只可由英文字母、数字或下划线组成，建议以字母或下划线开始。3.文件名中不能包含特殊符号，如空格、$、&等。4.文件名区分大小写，特别在Unix、Linux系统中大小写表示的文件是不同。5.网站首页文件名一般是index.html或default.html。·三种DTD类型：严格Strict、过渡Transitional以及框架Frameset。Web页面设计需要遵循设计的3C原则：简洁、一致性、好的对比度标题是通过h1-h6等标记进行定义的。·在HTML文件中，添加空格的方式与其他文档添加空格的方式不同，网页中通过代码控制来添加空格，而在其他编辑器中通过键盘空格键来输入空格。显示结果说明EntityNameEntityNumber显示一个空格  小于<<大于>>&&符号&&双引号""©版权©©®注册商标®®×乘号××÷除号÷÷·font元素用来改变默认的字体、颜色、大小等属性，这些更改分别通过不同的属性定义完成。①段落标记p/p；②换行标记br单独出现，表示换行符；③水平分割线标记hr，显示一条细线以分割两个区域。段落缩进标记blockquote列表类型标记符号备注无序列表ul…/ul常用菜单列表menu…/menu不常用目录列表dir…/dir不常用有序列表ol…/ol常用定义列表dl…/dl常用嵌套有序列表和无序列表·超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。·超链接由目的地址、链接标签、打开位置等三部分组成：1.href：链接指向的目标文件2.name：创建文档内的标签。3.title：指向链接的提示信息4.target：指定打开的目标窗口·在HTML文件中提供了三种路径：绝对路径、相对路径、根路径。①绝对路径指文件的完整路径，包括文件传输的协议http、ftp等，一般用于网站的外部链接，例如：。②相对路径是指相对于当前文件的路径，它包含了从当前文件指向目地文件的路径。FTP服务器链接和网页链接区别在于所用协议不同，浏览网页采用http协议，而FTP服务器采用FTP协议连接。图片链接imgsrc=“url”width=“”：alt：添加图片的提示文字；width/height：设置图片的宽度和高度(px,%)border：设置图片边框(px)align：设置图片对齐方式（水平/垂直两个方向）hspase/vspase：设置图片的间距设置(px)·Img标记的alt属性用来添加图片的提示文字，提示文字有两个作用。首先当浏览网页时，如果图片下载完成，鼠标放在图片上，鼠标旁边会出现提示文字。也就是说，当鼠标指向图片上方的时候，稍等片刻，可以出现图片的提示性文字，用于说明或者描述图片。其次，图片没有被下载的时候，在图片的位置上会显示提示文字，起到提醒的作用。图片和文字之间的对齐方式通过img标记中的align属性来设置。图片的绝对对齐方式和文字的对齐方式一样，有居左、居右和居中；而相对文字的对齐方式则是指图片与同行文字的相对位置。imgsrc=”图片地址”hspace=”水平间距”imgsrc=”图片地址”vspace=”垂直间距”marqueebgcolor=”颜色代码”滚动文字/marquee文字背景颜色采用十六进制颜色代码。Direction属性表示滚动方向。属性behavior用来设置滚动方式。·marqueescrollamount=”滚动速度”滚动文字/marquee滚动速度实际上就是滚动文字每次移动的长度，这个长度用数字表示，单位为像素。·marqueescrolldelay=”延迟时间”滚动文字/marquee延迟时间以毫秒为单位，该延迟时间设置得越小滚动速度越快，延迟时间设置得越大即会出现走走停停的效果。·marqueehspace=”水平范围”vspace=”垂直范围”滚动文字/marquee·marqueeloop=”循环次数”滚动文字/marquee·bgsoundsrc=”背景音乐地址”loop=”播放次数”①src属性用来指定背景音乐文件的地址或文件名称，而且音乐文件要加上后缀；②loop属性用来指定背景音乐播放的次数，用数字表示。Infinite和-1表示播放无限次，直到关闭浏览器为止。·embedsrc=”多媒体文件地址”width=”播放界面的宽度”height=”播放界面的高度”autostart=”true|false”loop=”循环次数”/embed①width和height一定要设置，单位为像素，否则无法正确显示播放多媒体文件的软件；②autostart的取值有两个：一个是true，表示自动播放；另一个是false，表示不自动播放；③loop表示循环的次数，用数字表示。值为true时，循环播放；值为false时，不循环播放。CSS（CascadingStyleSheet）层叠样式表，也称为级联样式表，用来进行网页风格设计。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者不同网页的外观和格式。·传统HTML的特点：1、维护困难：为了修改某个特殊标记的格式，需要花费