下载文档原格式
Web应用的新技术HTML5作者：王江静来源：《电脑知识与技术》2012年第31期摘要：HTML5是基于HTML 4.01和XHTML 1.0标准的最新HTML标准版本，现在仍处于发展阶段。
该文介绍了HTML5的特性，分析了HTML5和HTML4之间的主要区别，提出了基于HTML5的Web应用编码方法，最后总结了该技术现存的不足之处。
关键词：HTML；Web应用；HTML5中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2012）31-7462-041HTML5简介HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展，多家公司联合成立了WHATWG（Web Hypertext Application Technology Working Group，Web超文本应用技术工作组）组织专注于新的Web表单和应用程序的标准，同时W3C（World Wide Web Consortium，万维网联盟）推出了基于XML技术的XHTML 2.0。
在2006年，这两个标准进行融合，从而创建了一个新版本的HTML。
HTML5的前身称为Web Applications 1.0，于2004年由WHATWG提出，2007年被W3C接纳。
HTML5的第一份正式草案已于2008年1月22日公布。
HTML5仍处于完善之中。
互联网主要标准管理团体万维网联盟近日提出新计划在2014年前让HTML5成为官方“候选推荐”标准，并在2016年完成HTML5.1标准。
然而，大部分现代浏览器已经具备了某些HTML5支持，支持的浏览器包括Firefox，IE9，Chrome，Safari等。
HTML5提供了像和一类的新的元素和属性标签，这类标签对于搜索引擎的检索结果的优化非常有帮助，同时更适合在小屏幕的手持设备上使用。
HTML5吸纳了XHTML2一些改进建议，比如，新的HTML标签header，footer，dialog，aside，figure等有助于文档结构的改善，不再是简单地使用div实现，使内容创作者更加容易地创建文档。
1.HTML的基本结构是()A.<html><body></body><head></head></html>B.<html><head></head><body></body></html>C.<html><head></head><foot></foot></html>D.<html><head><title></title></head></html>2.要实现无列表符号，横向排列的导航菜单，应使用( )CSS属性A.list-stypleB.lineheightC.floatD.backgroup-repeat3.表格的基本语法结构是()A.<table><td><tr></tr></td></table>B.<table><td></tr><tr></td></table>C.<tr><table><td></td></table></tr>D.<table><tr><td></td></tr></table>4.下面说法正确的是()A.HTML页面元素的组织顺序是先从上到下，而后从左往右B.所有常用的图片格式都可以是透明背景C.HTML中的元素有两类：块级元素和行级元素D.<h1>标签属于块级元素，但并不会自动换行5.对超链接伪类的理解，说法正确的是（）A.a:link表示未单击状态B.a:hover表示单击后的状态C.a:visited表示已访问状态D.a:active表示单击后的状态6.下面说法正确的是（）A.表格布局适用于结构化数据显示和表单B.表格布局也可以实现参差结构，但必须用到嵌套C.同列单元格宽度由该列宽度最大的单元格决定D.同行单元格高度由该行第一列的单元格决定7.下面关于多目标块状元素，正确的是()A.既可以终端形式出现，又可以结构化形式出现B.因为比较灵活，可以嵌套，所以很适合在块结构最内层或最外层C.规范用法中，多目标块状元素可以任意组合，放置在任何地方D.<div>、<li>、<dd>、<dl>都是多目标块状元素8.关于表格的数据分组标签，说法正确的是（）A.<thead>、<tbody>、<tfoot>分别表示页眉、数据主体、页脚B.<thead>必须包含<th>表头标签C.<thead>和<tfoot>标签只能包含一行数据D.<thead>、<tbody>、<tfoot>由行组成，所以一般包含<tr>标签9.以下关于CSS属性的缩写形式,正确的是A.font:12px/28px 宋体B.font:12px 28px boldC.background:url(images/bg.png) repeat-x 20px -100pxD.background:repeat-x 20px,-100px10.以下对div-ul-li局部布局的理解，正确的是（）A.比较常用，适用于无层次关系的并列结构。
动态网页的基本知识现在互联网上完全由HTML静态网页构成的站点，越来越少了。
大多数网站都增加了ASP、JSP、PHP的动态网页，有些站点甚至以动态网页为主。
动态网站的开发已经成为当前站点开发的主流。
学习JSP动态网页的开发设计，首先要弄清什么是动态网页，他和静态网页有什么区别，动态网页能够干什么，才能进行JSP动态网页的学习。
一、什么是动态网页一般完全由HTML超文本语言构成的网页称为普通网页，也就是静态网页。
网页中如果插入GIF、Flash动画，或者插入了“时间轴”、“行为”等就可以使一些页面元素动起来，有人错误的认为这就是动态网页，这种认识是片面的。
从网页的结构角度说，在普通网页的HTML代码中，插入其他一些脚本语言的代码，使网页具备了一定的功能，才能称为动态网页。
这里说的还是广义的动态网页。
广义的动态网页可分为客户端动态网页和服务器动态网页，客户端动态网页运行在浏览用户的客户机上，文档中插入的代码一般是JavaScript、VBScript、Applet等，文档的扩展名仍然是.htm或.html，用户访问的这些网页时，要下载到自己机器上才能浏览运行。
他起到作用一般是增加网页的一些特殊效果，能使页面更加生动活泼。
也有些代码可以使网页增加些简单的功能，但和我们常说的动态网页仍不是同一个概念。
我们常说的动态网页，一般指的是服务器动态网页。
服务器动态网页运行在服务器上，文档的扩展名现阶段一般是.asp、.jsp或是.php。
他和普通静态网页、客户端动态网页有着本质的区别。
服务器动态网页最突出的特征是具有“交互性”，他依赖于专用的服务器，经过编译或解释才能运行。
他的特征归纳起来有如下几点：●具有交互功能，为用户和网站的主人建立了沟通的渠道。
使网站由单向发布信息，发展成为能使用户和网站双向交流信息。
●使用脚本语言编程，以接收信息、存储信息、加工处理信息为主，一些动态网页甚至没有显示界面。
动态网页主要提供的是综合信息处理功能。
第三部分程序设计基础程序、程序设计、程序设计语言的定义⑴程序：计算机程序,是指为了得到某种结果而可以由计算机等具有信息处理能力的装置执行的代码化指令序列,或者可以被自动转换成代码化指令序列的符号化指令序列或者符号化语句序列.⑵程序设计：程序设计是给出解决特定问题程序的过程,是软件构造活动中的重要组成部分.程序设计往往以某种程序设计语言为工具,给出这种语言下的程序.程序设计过程应当包括分析、设计、编码、测试、排错等不同阶段.⑶程序设计语言：程序设计语言用于书写计算机程序的语言.语言的基础是一组记号和一组规则.根据规则由记号构成的记号串的总体就是语言.在程序设计语言中,这些记号串就是程序.程序设计语言有3个方面的因素,即语法、语义和语用.高级语言和低级语言的概念及区别⑴高级语言：高级语言High-level programming language是高度封装了的编程语言,与低级语言相对.它是以人类的日常语言为基础的一种编程语言,使用一般人易于接受的文字来表示例如汉字、不规则英文或其他外语,从而使程序编写员编写更容易,亦有较高的可读性,以方便对电脑认知较浅的人亦可以大概明白其内容.⑵低级语言：低级语言分机器语言二进制语言和语言符号语言,这两种语言都是面向机器的语言,和具体机器的指令系统密切相关.机器语言用指令代码编写程序,而符号语言用指令助记符来编写程序.⑶区别：高级语言：实现效率高,执行效率低,对硬件的可控性弱,目标代码大,可维护性好,可移植性好低级语言：实现效率低,执行效率高,对硬件的可控性强,目标代码小,可维护性差,可移植性差了解知识：CPU运行的是二进制指令,所有的语言编写的程序最终都要翻译成二进制代码.越低级的语言,形式上越接近机器指令,语言就是与机器指令一一对应的.而越高级的语言,一条语句对应的指令数越多,其中原因就是高级语言对底层操作进行了抽象和封装,使编写程序的过程更符合人类的思维习惯,并且极大了简化了人力劳动.也就是说用高级语言写一句,会被转换成许多底层操作,大部分的工作交给了负责转换的机器即编译器,从而人力得到了解放.编译程序的概念及作用⑴编译程序Compiler,compiling program也称为编译器,是指把用高级程序设计语言书写的源程序,翻译成等价的机器语言格式目标程序的翻译程序.⑵作用：它以高级程序设计语言书写的源程序作为输入,而以语言或机器语言表示的目标程序作为输出.计算机求解问题的过程分析问题确定计算机做什么→设计算法寻找解决问题的途径和方法,即要计算机怎么做→编写程序将算法翻译成计算机程序设计语言→上机运行和测试程序正确性的含义程序正确性证明就是采用严格的数学方法评价一个程序是否达到了预定的性能,即对于任何一组允许的输入信息,程序执行后能得到一组和这组信息对应的正确的输出信息.程序错误的几种类型程序错误,即英文的Bug,也称为缺陷,是指在软件运行中因为程序本身有错误而造成的功能不正常、死机、数据丢失、非正常中断等现象.⑴语法错误⑵逻辑错误程序调试、程序测试的概念以及区别⑴程序调试：是将编制的程序投入实际运行前,用手工或编译程序等方法进行测试,修正语法错误和逻辑错误的过程.这是保证计算机信息系统正确性的必不可少的步骤.编完计算机程序,必须送入计算机中测试.⑵程序测试：program testing是指对一个完成了全部或部分功能、模块的计算机程序在正式使用前的检测,以确保该程序能按预定的方式正确地运行.了解知识：程序测试的方法灰盒测试,确实是介于白盒测试与黑盒测试之间的,可以这样理解,灰盒测试关注输出对于输入的正确性,同时也关注内部表现,但这种关注不象白盒那样详细、完整,只是通过一些表征性的现象、事件、标志来判断内部的运行状态,有时候输出是正确的,但内部其实已经错误了,这种情况非常多,如果每次都通过白盒测试来操作,效率会很低,因此需要采取这样的一种灰盒的方法.白盒测试,又称结构测试.他的前提是可以把程序看成在一个透明的白盒子里,测试者完全知道程序的结构和处理算法.这种方法按照程序内部逻辑设计测试用例,检测程序中的主要执行通路是否能按照预定要求正确工作.白盒测试根据软件的内部逻辑设计设施用例,常用的技术是逻辑覆盖,即考察用测试数据运行被测程序是对程序逻辑的覆盖程度.主要的覆盖标准有：语句覆盖、判定覆盖、条件覆盖、判定/条件覆盖、组合条件覆盖和路径覆盖.黑盒测试根据关键需求说明书所规定的功能来设计测试用例,它不考虑软件的内部结构和处理算法.常用的黑盒测试技术包括等价类划分、边值分析、错误推测和因果图等.⑶区别：①目的不同软件测试的目的是发现错误,至于找出错误的原因和错误发生的地方不是软件测试的任务,而是调试的任务.调试的目的是为了证明程序的正确,因此它必须不断地排除错误.它们的出发点不一样.前者是挑错,是一种挑剔过程,属于质盘保证活动.后者是排错,是一种排除过程,是编码活动的一部分.②指导原则和方法不同软件测试的输出是预知的,其软件测试用例必须包括预期的结果,而调试的输出大多是不可预见的,需要调试者去解释、去发现产生的原因.③操作者不同因为心理状态是软件测试程序的障碍,所以执行软件测试的人一般不是开发人员,以使软件测试更客观、更有效,而调试人员一般都是开发人员.结构化程序设计概念及类型结构化程序设计structured programming是进行以模块功能和处理过程设计为主的详细设计的基本原则.结构化程序设计的三种基本结构是:顺序结构、选择结构和循环结构.顺序结构表示程序中的各操作是按照它们出现的先后顺序执行的.选择结构表示程序的处理步骤出现了分支,它需要根据某一特定的条件选择其中的一个分支执行.选择结构有单选择、双选择和多选择三种形式.循环结构表示程序反复执行某个或某些操作,直到某条件为假或为真时才可终止循环.在循环结构中最主要的是：什么情况下执行循环哪些操作需要循环执行循环结构的基本形式有两种：当型循环和直到型循环.当型循环：表示先判断条件,当满足给定的条件时执行循环体,并且在循环终端处流程自动返回到循环入口；如果条件不满足,则退出循环体直接到达流程出口处.因为是"当条件满足时执行循环",即先判断后执行,所以称为当型循环.直到型循环：表示从结构入口处直接执行循环体,在循环终端处判断条件,如果条件不满足,返回入口处继续执行循环体,直到条件为真时再退出循环到达流程出口处,是先执行后判断.因为是"直到条件为真时为止",所以称为直到型循环.面向对象程序设计概念面向对象编程Object OrientedProgramming,OOP,面向对象程序设计是一种计算机编程架构.OOP 的一条基本原则是计算机程序是由单个能够起到子程序作用的单元或对象组合而成.OOP 达到了软件工程的三个主要目标：重用性、灵活性和扩展性.为了实现整体运算,每个对象都能够接收信息、处理数据和向其它对象发送信息.面向对象程序设计中的概念主要包括：对象、类、数据抽象、继承、动态绑定、数据封装、多态性、消息传递.通过这些概念面向对象的思想得到了具体的体现.ASCII字符集ASCIIAmerican Standard Code for Information Interchange,美国标准信息交换代码是基于拉丁字母的一套电脑编码系统,主要用于显示现代英语和其他西欧语言.它是现今最通用的单字节编码系统,并等同于国际标准ISO/IEC 646.标准ASCII 码也叫基础ASCII码,使用7 位二进制数来表示所有的大写和小写字母,数字0 到9、标点符号, 以及在美式英语中使用的特殊控制字符.大小规则1数字0~9比字母要小.如"7"<"F"；2数字0比数字9要小,并按0到9顺序递增.如"3"<"8"3字母A比字母Z要小,并按A到Z顺序递增.如"A"<"Z"4同个字母的大写字母比小写字母要小.如"A"<"a".记住几个常见字母的ASCII码大小：“换行LF”为10；“回车CR”为13；空格为32；"0"为48； "A"为65；"a"为97.标识符、关键字的概念在编程语言中,标识符就是程序员自己规定的具有特定含义的词,比如类名称,属性名称,变量名等.关键字就是程序发明者规定的有特殊含义的单词,又叫保留字 .注释语句的作用注释语句在程序的开始或中间,不具有任何功能实现的作用,仅仅是对程序进行说明的语句.注释语句在程序运行过程中不运行,却是程序编写时的重要内容,对于理解程序很重要.表达式的组成及类型表达式,是由数字、算符、数字分组符号括号、自由变量和约束变量等以能求得数值的有意义排列方法所得的组合.类型：算术表达式：是最常用的表达式,又称为数值表达式.它是通过算术运算符来进行运算的数学公式.加法、减法、乘法、除法、求余关系表达式：用关系运算符将两个表达式连接起来的式子,称关系表达式.关系表达式的值是逻辑值“真”或“假”.=等于、<小于、<=小于等于、>大于、>=大于等于、<>不等于逻辑表达式：用逻辑运算符将关系表达式或逻辑量连接起来的有意义的式子称为逻辑表达式.逻辑表达式的值是一个逻辑值,即“true”或“false”.NOT非、AND与、OR或子程序和函数的概念子程序：在计算机科学中,子程序英语：Subroutine, procedure, function, routine, method, subprogram, callable unit,是一个大型程序中的某部份代码,由一个或多个语句块组成.它负责完成某项特定任务,而且相较于其他代码,具备相对的独立性.函数：在程序设计中,常将一些常用的功能模块编写成函数,放在函数库中供公共选用.要善于利用函数,以减少重复编写程序段的工作量.许多程序设计语言中,可以将一段经常需要使用的代码封装起来,在需要使用时可以直接调用,所以,函数也可以说是许多代码的集合,这就是程序中的函数.数据、数据元素、数据对象、数据项的概念数据：数据就是数值,也就是我们通过观察、实验或计算得出的结果.数据有很多种,最简单的就是数字.数据也可以是文字、图像、声音等.数据可以用于科学研究、设计、查证等.数据元素：数据元素data element是计算机科学术语.它是数据的基本单位,数据元素也叫做结点或记录.在计算机程序中通常作为一个整体进行考虑和处理.有时,一个数据元素可由若干个数据项组成,例如,一本书的书目信息为一个数据元素,而书目信息的每一项如书名、作者名等为一个数据项.数据项是数据的不可分割的最小单位.数据对象：Data Object是性质相同的数据元素的集合,是数据的一个子集,数据对象是一种运行时的概念.可以是外部实体例如,产生或使用信息的任何事物、事物例如,报表、行为例如,打电话、事件例如,响警报、角色例如,教师、学生、单位例如,会计科、地点例如,仓库或结构例如,文件等.总之,可以由一组属性来定义的实体都可以被认为是数据对象.数据项：数据项又称数据元素data element,是数据的基本单位,一个数据可由若干个数据项data item组成,数据项是数据的不可分割的最小单位.数据的逻辑结构、存储结构数据的逻辑结构是对数据之间关系的描述,有时就把逻辑结构简称为数据结构.逻辑结构形式地定义为K,R或D,S,其中,K是数据元素的有限集,R是K上的关系的有限集.了解知识：逻辑结构有四种基本类型：集合结构、线性结构、树状结构和网络结构.表和树是最常用的两种高效数据结构,许多高效的算法能够用这两种数据结构来设计实现.表是线性结构的全序关系,树偏序或层次关系和图局部有序weak/local order是非线性结构.数据结构在计算机中的表示映像称为数据的物理存储结构.它包括数据元素的表示和关系的表示.数据运算数据运算是对数据依某种模式而建立起来的关系进行处理的过程.最基本的数据运算有：①算术运算,如：加、减、乘、除、乘方、开方、取模等；②关系运算,如：等于、不等于、大于、小于等；③逻辑运算,如：与、或、非、恒等、蕴含等.数据结构的两大逻辑结构和四种常用的存储表示方法数据的逻辑结构分两大类：线性结构和非线性结构了解知识：线性结构是一个有序数据元素的集合.常用的线性结构有：线性表,栈,队列,双队列,数组,串.常见的非线性结构有：二维数组,多维数组,广义表,树二叉树等,图.数据的存储方法有四种：顺序存储方法、链接存储方法、索引存储方法和散列存储方法了解知识：1顺序存储方法：该方法把逻辑上相邻的结点存储在物理位置上相邻的存储单元里,结点间的逻辑关系由存储单元的邻接关系来体现.由此得到的存储表示称为顺序存储结构Sequential Storage Structure,通常借助程序语言的数组描述.该方法主要应用于线性的数据结构.非线性的数据结构也可通过某种线性化的方法实现顺序存储.2链接存储方法：该方法不要求逻辑上相邻的结点在物理位置上亦相邻,结点间的逻辑关系由附加的指针字段表示.由此得到的存储表示称为链式存储结构Linked Storage Structure,通常借助于程序语言的指针类型描述.3索引存储方法：该方法通常在储存结点信息的同时,还建立附加的索引表.索引表由若干索引项组成.若每个结点在索引表中都有一个索引项,则该索引表称之为稠密索引Dense Index.若一组结点在索引表中只对应一个索引项,则该索引表称为稀疏索引Spare Index.索引项的一般形式是：关键字、地址关键字是能唯一标识一个结点的那些数据项.稠密索引中索引项的地址指示结点所在的存储位置；稀疏索引中索引项的地址指示一组结点的起始存储位置.4散列存储方法：该方法的基本思想是：根据结点的关键字直接计算出该结点的存储地址.四种基本存储方法,既可单独使用,也可组合起来对数据结构进行存储映像.同一逻辑结构采用不同的存储方法,可以得到不同的存储结构.选择何种存储结构来表示相应的逻辑结构,视具体要求而定,主要考虑运算方便及算法的时空要求.算法和程序的关系算法是对特定问题求解步骤的描述,它是指令的有限序列.算法与程序的关系：算法和程序都是指令的有限序列 ,但是,程序是算法,而算法不一定是程序.算法和程序的区别主要在于：1 在语言描述上,程序必须是用规定的程序设计语言来写,而算法很随意；2 在执行时间上,算法所描述的步骤一定是有限的,而程序可以无限地执行下去.所以：程序 = 数据结构 + 算法常用数据类型种类及特性不同的变成语言,数据类型的说法有差异.一般而言包含：数字型或者数值型,常有 Integer整型、Long 长整型、Single单精度浮点型、Double双精度浮点型和 Currency货币型.文本型：常有String 字符串型逻辑型：若变量的值只是“true/false”、“yes/no”、“on/off”信息,则可将它声明为Boolean 类型.常量和变量的概念“常量”在程序运行时,不会被修改的量.换言之,常量虽然是为了硬件、软件、编程语言服务,但是它并不是因为硬件、软件、编程语言而引入.变量来源于数学,是计算机语言中能储存计算结果或能表示值抽象概念.变量可以通过变量名访问.字符串的概念及应用字符串或串String是由数字、字母、下划线组成的一串字符.一般记为 s=“a1a2···an”n>=0.它是编程语言中表示文本的数据类型.在程序设计中,字符串string为符号或数值的一个连续序列,如符号串一串字符或二进制数字串一串二进制数字.数组、数组元素、下标变量数组：就是相同数据类型的元素按一定顺序排列的集合,就是把有限个类型相同的变量用一个名字命名,然后用编号区分他们的变量的集合,这个名字称为数组名,编号称为下标.组成数组的各个变量称为数组的分量,也称为数组的元素,有时也称为下标变量.数组是在程序设计中,为了处理方便, 把具有相同类型的若干变量按有序的形式组织起来的一种形式.这些按序排列的同类数据元素的集合称为数组.数组元素是组成数组的基本单元.数组元素也是一种变量, 其标识方法为数组名后跟一个下标.下标表示了元素在数组中的顺序号.数组元素通常也称为下标变量.了解知识：数组元素的一般形式为：数组名下标,其中下标只能为整型常量或整型表达式.。
VB编程完整知识点总结,送给马上考试的同学!Visual Basic（简称VB）是Microsoft公司开发的一种通用的基于对象的程序设计语言，为结构化的、模块化的、面向对象的、包含协助开发环境的事件驱动为机制的可视化程序设计语言。
“Visual” 指的是开发图形用户界面（GUI）的方法——不需编写大量代码去描述界面元素的外观和位置，而只要把预先建立的对象add到屏幕上即可。
“Basic”指的是 BASIC （Beginners All-Purpose Symbolic Instruction Code）语言，是一种在计算技术发展历史上应用得最为广泛的语言。
Visual Basic源自于BASIC编程语言。
VB拥有图形用户界面（GUI）和快速应用程序开发（RAD）系统，可以轻易的使用DAO、RDO、ADO连接数据库，或者轻松的创建Active X控件，用于高效生成类型安全和面向对象的应用程序。
程序员可以轻松的使用VB提供的组件快速建立一个应用程序。
VB语言知识点总结第一章知识点（1） VB的语言特点可视化开发环境：界面设计所见所得；面向对象程序设计：程序和数据封装作为一个对象，在工具箱里面的都是一个一个的类，比如commandbutton类，当你把它从工具箱拖出来已经，它就被实例化成了一个对象，名称叫command1，如果你拖了2个command，就是2个不同的对象；事件驱动编程：VB程序没有明显的入口和出口，都在等待用户或者系统或者代码触发某个事件，然后执行事件对应的任务。
（2） VB的工作模式设计模式，运行模式，中断模式；程序在运行模式是没有办法修改代码和设计界面窗口的。
（3） VB的文件类型窗体文件frm；程序模块文件bas；类模块文件cls；工程文件vbp；工程组文件vbg；资源文件res；保存工程的时候应该同时保存工程文件vbp和窗体文件frm。
（4） VB的窗口任何窗口被关闭了找不到了，都可以在视图菜单下面来寻找，工具箱窗口，代码窗口，窗体布局窗口，立即窗口（可以在中断模式下查询程序运行对象值，ctrl+G打开立即窗口）第二章知识点（1）面向对象的基本概念类：具有类似属性和方法的对象的抽象，比如大学；对象：类实例化就成为一个对象，每个对象都具有自己的属性和方法，比如西南财经大学天府学院。
编程综合blog.minidx./2021/10/22/1570.htmlblog.minidx./2021/11/06/1607.htmlblog.minidx./2021/12/06/1689.htmlblog.minidx./2021/12/09/1700.html摘录1：GBK范围：1st byte | 2nd byte0×81~0xfe | 0×40~0×7e and 0×80~0xfeBIG5范围：1st byte | 2nd byte0×81~0xfe | 0×40~0×7e and 0xa1~0xfe下面是来自libiconv的关于GBK〔cp936〕和BIG5〔cp950〕的两段代码，相信还是相当有用的。
摘录2：一预备知识1，字符：字符是抽象的最小文本单位。
它没有固定的形状〔可能是一个字形〕，而且没有值。
“A〞是一个字符，“€〞〔德国、法国和许多其他欧洲国家通用货币的标志〕也是一个字符。
“中〞“国〞这是两个汉字字符。
字符仅仅代表一个符号，没有任何实际值的意义。
2，字符集：字符集是字符的集合。
例如，汉字字符是中国人最先创造的字符，在中文、日文、韩文和越南文的书写中使用。
这也说明了字符和字符集之间的关系，字符组成字符集〔iso8859-1，GB2312/GBK，unicode〕。
3，代码点：字符集中的每个字符都被分配到一个“代码点〞。
每个代码点都有一个特定的唯一数值，称为标值。
该标量值通常用十六进制表示。
4，代码单元：在每种编码形式中，代码点被映射到一个或多个代码单元。
“代码单元〞是各个编码方式中的单个单元。
代码单元的大小等效于特定编码方式的位数：UTF-8 ：UTF-8 中的代码单元由 8 位组成；在 UTF-8 中，因为代码单元较小的缘故，每个代码点常常被映射到多个代码单元。
代码点将被映射到一个、两个、三个或四个代码单元；UTF-16 ：UTF-16 中的代码单元由 16 位组成；UTF-16 的代码单元大小是 8 位代码单元的两倍。
第三部分程序设计基础3.1 程序、程序设计、程序设计语言的定义⑴程序：计算机程序，是指为了得到某种结果而可以由计算机等具有信息处理能力的装置执行的代码化指令序列，或者可以被自动转换成代码化指令序列的符号化指令序列或者符号化语句序列。
⑵程序设计：程序设计是给出解决特定问题程序的过程，是软件构造活动中的重要组成部分。
程序设计往往以某种程序设计语言为工具，给出这种语言下的程序。
程序设计过程应当包括分析、设计、编码、测试、排错等不同阶段。
⑶程序设计语言：程序设计语言用于书写计算机程序的语言。
语言的基础是一组记号和一组规则。
根据规则由记号构成的记号串的总体就是语言。
在程序设计语言中，这些记号串就是程序。
程序设计语言有3个方面的因素，即语法、语义和语用。
3.2 高级语言和低级语言的概念及区别⑴高级语言：高级语言（High-level programming language）是高度封装了的编程语言，与低级语言相对。
它是以人类的日常语言为基础的一种编程语言，使用一般人易于接受的文字来表示（例如汉字、不规则英文或其他外语），从而使程序编写员编写更容易，亦有较高的可读性，以方便对电脑认知较浅的人亦可以大概明白其内容。
⑵低级语言：低级语言分机器语言（二进制语言）和汇编语言（符号语言），这两种语言都是面向机器的语言，和具体机器的指令系统密切相关。
机器语言用指令代码编写程序，而符号语言用指令助记符来编写程序。
⑶区别：高级语言：实现效率高，执行效率低，对硬件的可控性弱，目标代码大，可维护性好，可移植性好低级语言：实现效率低，执行效率高，对硬件的可控性强，目标代码小，可维护性差，可移植性差了解知识：CPU运行的是二进制指令，所有的语言编写的程序最终都要翻译成二进制代码。
越低级的语言，形式上越接近机器指令，汇编语言就是与机器指令一一对应的。
而越高级的语言，一条语句对应的指令数越多，其中原因就是高级语言对底层操作进行了抽象和封装，使编写程序的过程更符合人类的思维习惯，并且极大了简化了人力劳动。
做html的心得体会6篇做html的心得体会篇1网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常重要。
生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。
通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。
通过dreamweaver制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。
但是在自己尝试着做的时候，总是出现这里那里的问题。
不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。
而且在css 方面，我总是不太熟悉各种代码是控制哪些东西的。
除了查找解决问题我还总结了经验。
例如：1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。
2、调用style时可以单击鼠标右键选择custonstyle 来调用style标准，也可以在状态栏中的元素列表上单击右键来调用style。
虽然不同的方法达到的效果看似一样，但实际上产生的html代码则完全不同。
在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是flash、photoshop等网页软件的综合应用。
例如flash提供了功能齐全的绘图和编辑图形工具。
可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。
在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直观的反映出效果。
页面设计应以美观、大方、简洁为原则，保持一致的风格。
为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。
代码走读(1) 代码走读都有哪些内容？代码走读根据目的的不同，可以分为四个层次：1、检查是否符合编程规范；2、寻找编译器中的设计陷阱；3、快速理解源代码，找出流程设计中的问题；4、对原有代码的重构；这四个层次可以按照从简单到复杂的顺序进行。
(2) 这四个层次都有什么区别和意义？1、检查是否符合编程规范；编程规范融合并提炼了许多人多年开发编程语言程序积累下来的成熟经验，帮助编程者形成良好的编程风格，提高源程序的可读性和可维护性，降低出错的机会，迅速跨入业已存在的且具有相当高度的技术层次，并能够为提高代码的复用性提供积极的参考。
2、找编译器中的设计陷阱；术语“陷阱”的发展历史并不明确，而且它有多种定义方法。
本文定义为编程和设计过程中常见的和可防止的问题，能顺利通过编译，没有任何警告和错误信息，而且计算机严格按照作者写明的代码执行，但是结果却不是作者期望的。
许多IT人士都知道，现在市场上有很多新的编译器，它们可以捕获大部分程序错误，但遗憾的是，仍有许多错误是编译器不能发现的。
打个比方，拼写检查程序是用来查找拼写错误的，但是，如果单词DOG被错误地写为CAT，您能指出单词CAT（实际是DOG）中的拼写错误吗？很显然，不能。
因为这个单词可顺利通过拼写检查程序。
这里描述的陷阱所包括的范围广泛，从较容易的语法问题，基本设计缺陷，到完全错误的行为。
利用正确的使用方法来说明这些常见的误解和误用，可以防止编程者出现类似的问题，并防止新一代程序员重复过去的错误。
3、快速理解源代码，找出流程设计中的问题；无论是沟通程序的操作，还是将知识存储为可执行的形式，软件的源代码都是最终的介质。
我们可以将源代码编译成可执行程序，也可以阅读代码来了解程序的功能及其工作方式，还可以修改源代码来改变程序的功能。
大多数编程课程和书籍都将重点放到如何从零开始编写程序上。
然而，在软件系统的工作投入中，40％～70％是用在系统首次编写完整之后，这些工作一定涉及到阅读、理解、以及修改最初的代码。
html网页设计心得体会•相关推荐html网页设计心得体会范文（通用17篇）当我们受到启发，对生活有了新的感悟时，将其记录在心得体会里，让自己铭记于心，通过写心得体会，可使我们今后少走弯路。
但是心得体会有什么要求呢？以下是小编收集整理的html网页设计心得体会范文，希望能够帮助到大家。
html网页设计心得体会篇1跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。
学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了半个月时间才解决。
学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，你不断的学习，不要掉入技术的陷阱，你的网页设计技术一流，你对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是是介于平面设计和编程技术两者之间的"边缘科学。
"不仅涉及到美学，心理学，平面构成，色彩搭配等平面设计的方面的知识，还涉及到html，javascript，css，asp，php等编程语言技术方面的知识。
只有综合运用多种知识，才能设计出视听特效，动感十足，富于个性的web页面，才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。
注重实用，个人认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。
我提倡简单的美。
html网页设计心得体会篇2不知不觉我学习整站网页设计也有一段时间了，很高兴我能在这计算机深入的社会里，学习到建设网站和网页设计的一些知识。
网络成了我们获取知识和信息的一种便捷工具，如今的生活，商业都已经在网络上如火如荼地开展，我认为，学习网络知识，对于生活在网络时代的我们还是很有必要的。
接下来我想分享一下我的独家网页设计学习心得。
希望能够为正在学习网页设计的你们也提供一点帮助。
字符编码知识简介和iconv函数的简单使⽤字符编码知识简介和iconv函数的简单使⽤字符编码知识简介我们知道，在计算机的世界其实只有0和1。
期初计算机主要⽤于科学计算，⽽我们知道⼀个数，除了⽤我们常⽤对10进制表⽰，也可以⽤2进制表⽰，所以只有0和1就可以进⾏科学计算，但是为了便于计算，⼤神们还是向计算机中引⼊的编码，⽐如通常我们⽤补码表⽰⼀个负数。
所以编码这个东西，是从⼀开始就伴随着计算机的。
到现在，我们的⽣活已经完全离不开计算机了，计算机也不仅仅⽤于科学计算了，更多地应⽤系信息处理。
那计算机怎样表⽰与我们⽣活息息相关的事物呢，⼀个直接的办法就是编码。
⽐如计算机中只有0和1，没有⽂字，那么我们就想办法⽤0和1的序列来代表⽂字，这就是⽂字编码。
ASCII编码计算机这东西是美国⼈发明的，所以美国⼈也最先⽤0和1的序列给英⽂字母进⾏了编码（当然还有⼀些特殊字符或者⽤于控制字符）。
英⽂只有26个字母，在加上那些特殊字符，也不多。
所以美国⼈选择⽤8个0或1的序列来表⽰⼀个英⽂字母或者那些特殊字符。
这就是ASCII 码。
ASCII码⼀共规定了128个字符的编码，⽐如空格"SPACE"是32（⼆进制00100000），⼤写的字母A是65（⼆进制01000001）。
这128个符号（包括32个不能打印出来的控制符号），只占⽤了⼀个字节的后⾯7位，最前⾯的1位统⼀规定为0。
ISO-8859-1编码计算机发展很快，很快欧洲⼈也开始尝试编码⾃⼰的⽂字，欧洲的语⾔⼤多都是拉丁语系的，和英语很像，⽽且部分重复，所以欧洲⼈就想到利⽤ASCII码没有利⽤的那⼀位来编码。
所以ISO-8859-1仍采⽤单字节编码（8位），只是将ASCII没有利⽤的128个位置利⽤了起来。
⽽且ISO-8859-1在设计时，前7为和ASCII码⼀致，也就是说ISO-8859-1是完全兼容ASCII的。
GB2312编码很快，我们国家开始为汉字编码，由于汉字和拉丁系的⽂字完全不同，⽽且汉字的个数很多，所以如果像欧洲的ISO-8859-1那样，只利⽤ASCII没有利⽤的部分，只能多表⽰128个字符，⽽汉字的数量远远⼤于这个数，所以⽤单字节编码汉字是不可⾏的。
为期七天的实训课，不经意间就结束了，虽然只是短短的七天实训，但是却收获很多，学习到的关于HTML语言的知识也比较多。
首先，我想先来说说的这次实训的主要学习内容，即HTML语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)，标记语言是一套标记标签(markup tag)，HTM使用标记标签来描述网页。
HTML推广用于Web平台游戏开发，及手机移动领域，从市场来看，无论是桌面应用还是移动应用，HTML都是当下Web技术中最炙手可热的新宠，是创新的主旋律，在不久的时间里一定会大有作为。
我想这也是这次实训课的主要意义之一。
因此，从我个人的角度上，我也很重视这次的实训课程的学习。
在整个实训课程的安排上，简要的可以概括为在七天的时间中，整体对HTML 语言的发展和前景有所了解，然后进行基础知识的学习，最后进行项目的设计和答辩。
主要内容是第一天，总体介绍实训，HTML语言的发展历程，说明了本次实训的任务，介绍了所用的sublime软件的操作和相关的插件、安装。
第二天，主要学习了在sublime软件中的固定代码格式，主要有头文件名，网页标题，<style></style>格式，并学习了一些基础的设置的，添加颜色的代码操作。
第三天，学习了浮动，添加图片的操作。
第四天，学习了JC语言，css内联样式的代码书写。
第五天，学习了css外联样式的代码书写，并对所学的各种代码操作加以总结复习。
第六天，学习了当当优品项目的设计和代码书写，并开始设计答辩项目。
第七天，进行对自己设计的项目，进行答辩，实训结束。
下面来谈谈我在这次实训中的收获和感受。
第一点，学习到了HTML语言的设计和代码指令自然不必再赘述，但更重要的是锻炼了思维能力，培养了设计创新的能力。
在整个HTML学习的过程中，代码的运用、基础知识的学习可以说只是作为技术的基础层面，而要想真正完成一个项目，更多的是需要思维能力的锻炼和项目的创新。
1。
ASP。
NET的两种编码方式是什么，什么是代码内嵌，什么是代码后置?Web页面的父类是谁?代码内嵌和代码后置。
代码内嵌把业务逻辑编码和显示逻辑编码交叉使用。
代码后置式业务逻辑代码和显示逻辑代码分开使用。
system。
web.ui。
page2.Web控件的AutoPostBack属性的作用是什么?控件的值改变后是否和服务器进行交互（自动回传）3。
验证服务器控件有哪些，他们有哪些常用的属性，ControlToValidate属性的作用是什么？有哪两种服务器控件？RequiredFieldValidator：controltovalidate（验证的控件ID，共有的属性），text,ErrorMessage|｜|｜（dropdownlist控件验证时InitialValue属性是如果用户没有改变初始值，会验证失败）CompareValidator：controltocompare（要进行对比的控件），type（比较类型设置），operator（比较运算符，默认为等于)，ValueToCompare（进行比较的值）RangeValidator:type(验证类型（5种)）,MaximumValue(最大值），MinimumValue（最小值）（包括上下限）RegularExpressionValidator:ValidationExpression（设置要匹配的正则表达式）ValidationSummary:showMessageBox(是否显示弹出的提示消息），ShowSummary（是否显示报告内容)HTML服务器控件和web服务器控件4。
什么是Session,如何进行Session的读写操作，使用什么方法可以及时释放Session？Session 是用于保持状态的对象.Session 允许通过将对象存储在 Web服务器的内存中在整个用户会话过程中保持任何对象.通过键值对的方式进行读写;clear()和abandon()方法5.运行ASP。
1.以下是文本的属性的是( )A.font_sizeB.line-heightC.backGroundD.text-align2.在HTML中，图片显示与其悬停提示文字显示分别用()A.img标签和alt属性B.img标签和title属性C.img属性和alt标签D.img属性和title标签3.实现背景横向平铺的效果，对应得CSS位( )A.diw{background-image:url(images/bg.gif);}B.diw{background-image:url(images/bg.gif) repeat-x;}C.diw{background-image:url(images/bg.gif) repeat-y;}D.diw{background-image:url(images/bg.gif);} no-repeat4.表格各行宽度或高度的特点是（）A.各行宽度一致，各行高度也一致B.各行宽度一致，各列单元格高度也一致C.同列单元格宽度一致，且垂直对齐D.同行单元格高度一致，且水平对齐5.以下()是HTML常用的块状结构A.div-dl-dt-ddB.div-ul-liC.div-ol-liD.table-tr-td6.关于CSS代码"background-image:url(images/bg.gif)no-repeat -5px 6px;",说法正确的是( )A.背景图向下偏移5像素，同时向左偏移6像素B.背景图向上偏移5像素，同时向右偏移6像素;}C.背景图向左偏移5像素，同时向下偏移6像素D.背景图向下右偏移5像素，同时向上偏移6像素7.关于各类应用样式的方式，说法正确的是（）A.外部样式表具有最高的可复用性及便于维护，因此，具有最高优先级B.行内样式应该尽量不用，因为违背样式与内容分离的原则C.样式优先级的主要根据是内容在文档结构中的先后顺序D.内部样式表完全实现了多页面的代码与样式的分离8.在HTML中有效、规范的注释声明是()A.//这是注释B.<!--这是--注释-->C./*这是注释*/D.<!--这是注释-->9.下列说法正确的是()A.密码框需要设置input标签type="password"B.图形提交按钮也需要设置type="submit"C.提交方法post比get更安全D.value属性表示初始值，可能会随着用户的操作而改变，已提交时为准10.盒子模型的边框，内边距和外边距属性依次是( )A.margin，padding，borderB.margin,border,paddingC.border,padding,marginD.border,margin,padding11.列表框的默认选择属性符合规范的正确写法是()A.selected="selected"B.selectedC.checked="checked"D.selected="true"12.关于页面的重用，说法正确的是（）A.可以减少不必要的重复工作B.可以提高重用内容的维护效率C.可以提高网站的访问速度、下载速度D.页面重用是网站常用的技术之一13.下列常用属性设置中（）适用于<iframe>标签A.border="0"B.frameborder="1"C.scrolling="no"D.src="head.htm"14.关于form表单传值，说法正确的是()属性是表单传值的标识，网站服务器据此来判断是哪个表单元素的值B.action是<form>标签的必须属性，表示提交给网站服务器的具体处理程序地址C.通过用户填写表单提交到服务器，服务器再做出反馈，从而实现客户端-服务器之间的交互D.隐藏域包含的数据不会在页面中显示，通过查看网页源码也无法看到15.关于优先级的说法，说法正确的是（）A.对于各类选择器，优先级最低的是标签选择器B.对于各类应用方式，优先级最高的外部样式C.当外部样式表、内部样式表、行内样式叠加到同一个页面元素时，页面元素的最终样式是行内样式设置的样式，和其他两类定义的样式毫无关系D.当多个样式叠加多同一个页面元素时，有冲突的样式取决与样式的优先级规则，但不冲突的样式将全部应用到页面元素16.关于示例1中商品分类列表页的布局思路的说法，正确的是（）A.局部采用表格布局，并用Dreamweaver能较快地实现所需的效果B.整个页面都采用表格布局C.整个页面采用的是div-ul-li布局D.应该尽量减少使用表格，因为表格很慢17.通过()可以设置消息框中显示的按钮A.ButtonB.DialogButtonC.MessageBoxButtonsD.MessageBoxlcon18.()控件可以将其他控件分组A.GroupBoxboBoxC.PanelD.TextBox19.下面关于控件的Anchor和Dock属性的描述，正确的是()A.Anchor属性可以在窗体重置时使控件和窗体的相对位置保持不变B.使用Dock属性可以把控件固定在窗体的某个边缘C.Dock属性与Anchor属性没有关联，它不会影响窗体上控件大小的改变D.二者没有不同20.下面关于ImageList控件的描述，错误的是()"A.ImageList控件中保存了图像的路径。
HTML基础知识（块级标签，⾏内标签，⾏内块标签）块级元素：独占⼀⾏，对宽⾼的属性值⽣效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；⾏内元素：可以多个标签存在⼀⾏，对宽⾼属性值不⽣效，完全靠内容撑开宽⾼！其中还有⼀种结合两种模式有点的显⽰模式：⾏内块元素：结合的⾏内和块级的有点，不仅可以对宽⾼属性值⽣效，还可以多个标签存在⼀⾏显⽰；⾏内标签：包含a、span、em、strong、b、i、u、label、br；特点：可以多个标签存在⼀⾏，不能直接设置⾏内标签的⾼度、宽度、⾏⾼以及顶和底边距，完全靠内容撑开宽⾼！a标签：主要⽤来链接⼀个其他的⽹页；span标签：主要⽤来对⾏内的⽂字进⾏⼀些样式以及其他的操作；em标签：⼀般⽤来对⽂字进⾏强调，使⽤斜体体现出来；strong标签：⼀般⽤来对⽂字进⾏强调，使⽤加粗字体体现出来；img标签：图⽚引⽤标签，其中 src属性中写⼊图⽚的地址；var标签：JavaScript中命名变量的标签。
块标签：包含p、div、ul、ol、li、dl、dt、dd、h1~h6、form；特点：独占⼀⾏，对⾼度、宽度、⾏⾼以及顶和底边距都可设置的属性值⽣效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；p标签：段落标签，段落⽂字使⽤，默认格式：段尾进⾏换⾏；div标签：划分块的主要使⽤标签；ul标签：⽆序列表的主标签，后⾯的标号为圆点（⿊⾊）；ol标签：有序列表的主标签，后⾯⼀般跟有序的1,2,3,4,5...；li标签：列表中的主体使⽤标签dl标签：⾃定义标签的主标签；dt标签：⾃定义标签的表头；dd标签：⾃定义标签的表头的解释（描述）信息；h1~h6：6级标题标签、字体的⼤⼩依次变⼩。
⾏内块标签：img,input,textarea特点：结合的⾏内和块级的有点，不仅可以对宽⾼属性值⽣效，还可以多个标签存在⼀⾏显⽰；各种标签之间的转换1、块级标签转换为⾏内标签：display:inline;2、⾏内标签转换为块级标签：display:block;3、转换为⾏内块标签：display：inline-block;各个标签之间的区别块标签：独⾃占领⼀⾏、可以进⾏宽⾼的数值的设定；⾏标签：在⼀⾏内显⽰、不可以进⾏宽⾼的数值设定；⾏内块标签：能和其他元素待在⼀⾏，能设置宽⾼；嵌套规则块标签可以套⾏标签，⾏标签不可以套块标签。
web一、超文本（hypertext）一种全局性的信息结构，它将文档中的不同部分通过关键字建立链接，使信息得以用交互方式搜索。
它是超级文本的简称。
二、超媒体（hypermedia）超媒体是超文本（hypertext）和多媒体在信息浏览环境下的结合。
它是超级媒体的简称。
用户不仅能从一个文本跳到另一个文本，而且可以激活一段声音，显示一个图形，甚至可以播放一段动画。
Internet采用超文本和超媒体的信息组织方式，将信息的链接扩展到整个Internet上。
Web就是一种超文本信息系统，Web的一个主要的概念就是超文本连接，它使得文本不再象一本书一样是固定的线性的。
而是可以从一个位置跳到另外的位置。
可以从中获取更多的信息。
可以转到别的主题上。
想要了解某一个主题的内容只要在这个主题上点一下，就可以跳转到包含这一主题的文档上。
正是这种多连接性把它称为Web。
三、超文本传输协议（HTTP）Hypertext Transfer Protocol超文本在互联网上的传输协议。
IPIP是英文Internet Protocol（网络之间互连的协议）的缩写，中文简称为“网协”，也就是为计算机网络相互连接进行通信而设计的协议。
在因特网中，它是能使连接到网上的所有计算机网络实现相互通信的一套规则，规定了计算机在因特网上进行通信时应当遵守的规则。
任何厂家生产的计算机系统，只要遵守IP协议就可以与因特网互连互通。
IP地址具有唯一性，根据用户性质的不同，可以分为5类。
另外，IP还有进入防护，知识产权，指针寄存器等含义。
http超文本传送协议(HTTP) 是一种通信协议，它允许将超文本标记语言(HTML) 文档从Web 服务器传送到Web 浏览器。
HTML 是一种用于创建文档的标记语言，这些文档包含到相关信息的链接。
您可以单击一个链接来访问其它文档、图像或多媒体对象，并获得关于链接项的附加信息。
HTTP工作在TCP/IP协议体系中的TCP协议上。
知识准备1、分层：表现层：UI界面（DOS界面、桌面类型、web类型）业务层：数据层：文件、Oracle数据库2、Web类型的应用程序----B/S 类型打开Browser，输入URL，浏览器将请求发送到服务器服务器得到请求，分析，返回响应浏览器得到响应，解析（翻译），显示为页面3、web 学习阶段客户端技术：HTML+CSS+Javascript---Web 基础服务器端技术：JSP、PHP、4、web基础的课程HTML：页面的创建CSS：页面的外观JavaScript：页面的动态效果和交互行为--3一：HTML 概述1、超文本标记语言：一种编写页面的纯文本的标记语言，文件以.html或者.htm 为后缀，依靠浏览器运行显示----解释性的语言2、标记：一些用<> 括起来的内容，特殊的显示3、主流浏览器：IE/Firefox/Chrome/4、浏览器兼容性：符合标准规范，具体问题二：HTML 基础语法1、成对出现：<h1 align="center">文本</h1>2、单标记：<img src="a.jpg" />3、标记可以设置属性：设置在开始标记里，为标记添加行为4、HTML 文档的标准结构文档类型声明<html><head></head><body></body></html>5、文档类型声明：指定版本等信息严格型：最新版本过渡型（传统型）：兼容旧版本框架型：可以使用框架----使用的很少旧版本：<img src="">新版本：<img />6、head里可以包含titlemeta练习一：编写一个标准格式的HTML 文件，为其定义标题刷新频率以及编码格式7、为代码添加注释<!--注释内容-->三：文本---空格折叠 **1、<h1>-<h6>----标题标记：字体加粗、较大2、段落标记<p></p>3、换行<br />---取决于行间距4、特殊字符：< <空格 5、分组标记<div>包含其他内容</div><span>包含其他内容</span>可以对分组元素定义样式6、块级元素、行内元素块级元素：标记会独占一行，比如p、h1、div行内元素：可以和其他元素位于同一行，比如span、a（超级链接）四：图像和链接***1、图像:web应用中，路径多用相对路径<img src="/a.jpg" />---绝对路径/全路径<img src="b.jpg" />---相对路径<img src="images/c.jpg" />2、超级链接href属性：定义URLtarget属性：在哪里打开页面_self<a href="">Click Me</a>3、实现在同一个页面上不同位置之间的跳转实现回到页面顶端：<a href="#">XXX</a>实现自定义的位置导航，类似目录一样第一步：定义锚点<a name="l1"></a>第二步：定义链接导航<a href="#l1">去1位置</a>五：列表**1、基础语法ul：无序列表ol：有序列表li：列表项2、复杂的菜单或者目录--嵌套的列表六：表格***1、作用：显示网格结构的数据、页面的布局2、表格的基本结构<table><tr><td>a</td><td>b</td></tr><tr><td>c</td><td>d</td></tr></table>3、表格的常用属性table：border/width/height（自适应）/align/cellpadding(单元格内边距)/cellspacing(单元格之间的空白)td：width/height/align/valign4、表格的复杂结构表格定义标题：<table><caption></caption></table>表格的行分组：thead/tbody/tfoot只能用在表格里，中间只能包含tr5、不规则表格6、表格的嵌套可以在一个td 里再定义一个表格---实现复杂的布局要求七：表单***1、form 元素<form action="index.jsp" method=""></form>----即为表单元素，承载各种控件（文本框、按钮等）----重点在于form 上可以包含的元素----form上的元素必须拥有name 属性，默认，提交值2、input 元素文本框：<input type="text" name="" />密码框：<input type="password" />单选按钮：实现互斥的选择提交按钮：<input type="submit" value="显示的文本" />#########################HTML_CSS#########################知识准备部分：1、学习html 的过程中，有些可以设置样式的属性border/width/height/cols/rows<table border="1" width=""></table><h1 border="1"></h1>--error<textarea width=""></textarea>--error2、存在的问题：不统一3、需要解决：有一种统一的有效的方式为定义样式-----CSS比如：各浏览器对于页面的默认设置和显示不一样；用代码改写CSS代码：td{border:;}<table><tr style="color:red;"><td>文本变为红色</td></tr></table>一：CSS 概述1、CSS：级联样式表（层叠样式表）2、特征：为页面定义外观的语言，实现内容和表现的分离，多个样式可以合为一个，如果冲突，以优先级为准二：基础语法1、语法：属性名称:值;属性名称:值;比如--color:red;2、如何应用***方式一（内联方式）：<元素style="" />---将样式直接定义在元素的style 属性里方式二（内部样式表）：在页面的head 里的style 里定义样式方式三（外部样式表）：定义一个单独的.css的文件（定义样式）；然后，在页面的head 里用link 引入---推荐方式3、外部样式表的优点：实现内容和表现的分离，提高代码的可重用性和可维护性---可以准备多套样式---换皮肤/主题4、样式表，如果重复定义a、样式不同，取并集b、相同，按照优先级内联> 内部或者外部c、相同优先级下，以最后定义的为准三：样式选择器***1、什么是选择器h1 {color:red;}2、元素选择器，比如：div {...}----以html 中标签的名称作为选择器3、类选择器CSS中： .MyName {....}HTML页面：<元素class="MyName" />4、分类选择器---同一种元素下的细分CSS 中：元素名称.MyName {...}，比如h4.first {...}HTML页面：<h4 class="first"></h4>5、ID选择器：以元素id的值作为选择器，常用于设置页面上比较特殊的元素，比如布局CSS 中：#name1 {...}HTML页面：<元素id="name1" />6、选择器分组：适用于为各种不同的元素定义它们相同的样式CSS 中： h1,.s1,#aaa,input.text{....}7、派生选择器：根据元素的先后位置CSS 中：td a {.....}HTML页面：<td><a>ddd</a></td>8、伪类选择器：某个元素在不同状态下的样式a:link {color:blue;}---未访问过的a:visited {color:red;}---访问过的x:hover {}---鼠标悬停x:active {}---激活x:focus{} ---获得焦点四：各种样式属性的应用的准备1、尺寸的单位px/pt2、颜色的单位red/#ccc3、尺寸的属性width:100px;height:200px;overflow:;---当内容超出包含框时visible/hidden/scroll/auto;五：边框1、定义四个边：border:1px solid red; width style colorborder-width:1px;border-style:solid;border-color:red;2、单边定义border-top:1px solid black;border-right/left/bottom六：框模型（盒子模型）---box modal1、margin:10px;---外边距2、padding:10px;---内边距3、设置方式上：margin:一个值；---四个方向，以左上角优先margin-left/right/top/bottom:10px; margin:10px 20px 30px 40px;top right bottom left--顺时针margin:10px 20px;top和bottom left和right有一种固定用法：margin:5px auto;--由浏览器计算左右的外边距4、什么是框模型定义元素的边框、内边距以及外边距如果为元素定义了内边距，可能会导致框变大七：背景1、背景色background-color:red/#ccc;2、背景图像background-image:url(a.jpg);3、背景图像的平铺方式background-repeat:repeat/no-repeat/repeat-x/repeat-y;4、背景图像的位置background-position:10px 20px;x y5、背景图像的附着方式background-attachment:scroll(默认值)/fixed（背景固定，实现背景就像水印的效果）;6、简写方式：background:red image no-repeat...;八、文本格式化：定义页面上文字的样式1、color：red;---颜色2、font-size:9pt;---字体大小3、text-align:left/right/center；---x对齐4、font-weight:normal/bold;---加粗显示5、font-family:字型1,字型2,...;6、text-decoration:none/underline;--下划线7、text-indent:10px;----首行首字符的缩进8、line-height:20px;-----行高九：表格---表格所特有的样式属性1、vertical-align:top/middle/bottom;2、border-collapse:separate/collapse;--边框合并3、表格的边框不合并，需要设置边框之间的间距border-spacing:5px;十：浮动：默认情况下，页面元素按照流模式进行布局，从上向下，从左到右1、使用浮动来改变布局方式2、float:left/right;---3、设置某个元素浮动之后，可能会影响周围元素的位置4、clear:left/right/both;5、应用一：在一个包含框中，分两侧定位应用二：横向菜单十一：显示方式1、块级元素、行内元素2、对于行内元素而言：width、height无效3、display:block/inline/none;---通过此属性修改元素的显示方式十二：列表特有的样式1、列表前面的标识符号list-style-type:none/number/disc/circle..;2、list-style-image:url();十三：定位相关的属性1、默认情况下，页面按照流布局2、改变布局方式：float--浮动，位置上有限制，只能停靠在左侧或者右侧可以通过定位属性3、position:;static---静态，默认值，流布局relative---相对定位absolute---绝对定位fixed----固定定位偏移属性：top/bottom/left/right:;堆叠顺序：z-index:整数;4、相对定位：设置position属性的值为relative，通过偏移属性设置它的位置，将相对于原有的位置进行移动-----原有的位置保留5、绝对定位：设置position属性的值为absolute，通过偏移属性设置它的位置，将相对于页面的左上角（body）进行偏移(没有已定位的祖先元素)；否则，将相对于已定位的祖先元素进行偏移-----原有的位置不再保留6、如何选择将元素框设置为绝对定位，相对于某个元素（相对定位）进行定位十四：设置光标cursor:default/pointer/help/wait/..;###############################HTML_JS###############################一：javascript 概述1、什么是javascript：一种基于对象和事件驱动的解释性脚本语言，嵌入到网页上2、历史：js代码---W3C定义了标准规范的js 代码3、浏览器兼容问题：标准代码，个别情况个别对待4、怎么写方式一：直接写在事件里，仅限于代码很少方式二：写在head 的script 里，仅限于当前页面重用方式三：写在js 文件里，html 页面的head 里用script 引入5、js的特征一种解释性的脚本语言，适用于为网页添加动态效果和交互行为6、错误：a、不同的浏览器提供了不同的查看方式---firefox：错误控制台b、alert();二：基础语法1、写法：以；结束，大小写敏感2、标识符：以字母、数字和下划线还有$组成，不以数字开头---不能和系统关键字重名3、变量***----声明变量，以var 开始var i = 1;var s = "mary";var b = true;js是一种弱类型的语言---变量声明时不需要确定类型，数据类型以赋值为准4、数据类型简单类型：string、number、bool特殊类型：null、undefinedvar i;alert(i);---undefined复杂类型：对象5、（string）字符串类型var s = "mary";var s = 'mary';特殊字符：使用转义---转换为普通字符，解决汉字的问题"hello\'w\"or\nld"alert("一");alert("\u4e00");[\u4e00-\u9fa5]6、number：并不区分整数和小数var n = 12;var n1 = 12.34;7、bool：true（1）和false（0）8、数据类型之间的转换***var n = 18;var name = "mary";隐式转换（直接）string + number--stringnumber + bool--numberbool + bool-- numberstring + bool--string显式转换（调用方法）***xxx.toString()parseInt(xxx);parseFloat(xxx);--确实能转，如果不能转，将返回NaN NaN---not a number判断isNaN("aaa")--is not a number--返回bool9、运算符算术运算符、比较、逻辑、位。
