HTML代码《完全使用的代码小知识》
- 格式:docx
- 大小:33.46 KB
- 文档页数:39
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、分层:表现层: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、运算符算术运算符、比较、逻辑、位。