做事器软件：Apache、IIS
浏览器是一个翻译官，是一个阐明器。浏览器可以翻译有HTML、CSS、JavaScript。
做事器端脚本程序：PHP、 .net、JSP、c#等
.php文件要由PHP脚本引擎来进行处理。
网站前台(客户端) 网站后台(做事器端) 数据库
HTML(构造) PHP MySQL
CSS JSP Oracle
JavaScript .net SqlServer
HTML构造：紧张来解释，哪个地方是标题，哪个地方是段落，哪个地方是表格，哪个地方是表单。
CSS表现(格式)：紧张功能是，给相对应的HTML标记定义各种各样的格式。
JavaScript行为：紧张用于与打算机网页进行交互(互换)。
块元素和行内元素
块元素：宽度单独占一个通栏宽，块元素的前台的其它元素，都要另起一行来排。
比如：<p> <pre> <hr> <h1>……<h6> <ul> <ol> <li>
DIV和SPAN便是一个容器，容器中可以存放任何可以存放在<body>中的内容或标记。
行内元素：行内元素没有宽度和高度的观点，也便是说通过CSS无法给行内元素增加宽和高。多个行内元素会放在同一行，不会另起一行来排版。
2.<marquee></marquee>滚动字幕标记：块元素Direction：滚动的方向，取值：left、right、up、down
Behavior：滚动的办法，取值：scroll(滚动)、 alternate(弹动)、 slide(滚动一次)
Width：滚动的区域宽度，取值：px或%
Height；滚动的区域高度
bgColor：背景颜色，如：bgcolor=“#FF0000” bgcolor=“rgb(255,0,0)”
scrollAmount：滚动步长值，一步走多远，值越大，走的越快
scrollDelay：两次滚动的间隔韶光，以毫秒为单位 1秒=1000毫秒
3.打算机进制进制，便是一种进位方法。
10进制：有10个基本数，0、1、2、3、4、5、6、7、8、9，运算规则是：逢十进一
例如：9 10 19 20 29 30
2进制：有2个基本数，0、 1，运算规则是：逢二进一。比如：(10)2 11 100 101 110
8进制：有8个基本数，0、1、2、3、4、5、6、7，运算规则是：逢八进一。比如：(17)8 20 21 26 27 30
由于二进制太长，未便利影象，因此小型机引入了八进制，八进制可以很好的反应二进制。
因此，一个八进制数，用3位二进制数来表示。
基R=2^3
16进制：有16个基本数，0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F，运算规则是：逢16进一
比如：EF F0 F1 F2 FE FF (100)16
16进制的一位对应4位二进制。基R=2^4
10进制123456789101112131415161718192进制11011100101110111100010011010101111008进制123456710111213141516172016进制123456789ABCDEF10111213十进制转成二进制
分为整数部分和小数部分，分别转换。比如：将(10.125)10转成二进制？ 1010.001
（1）整数部分转成二进制：除2取余法。每次将整数除以2，取余数，一贯除下去，直到整数部分(商)为0。末了读数时，从下往上读取。
第N次整数10商余数第1次10/250第2次5/221第3次2/210第4次1/201末了结果为：1010（2）小数部分转成二进制：乘2除整法。每次将小数部分乘以2，取整数，一贯乘下去，直到小数部分为0。末了读数时，从上往下读取。
第N次小数0.125积整数第1次0.12520.250第2次0.2520.50第3次0.521.01末了结果为：001二进制转成十进制
不分整数部分和小数部分，按权相加法。换句话说：二进制上的每一位，乘以所在位权(也便是2的几次方)，末了将各个位的乘相加，就能得到十进制。
1010.001 = 12^3 + 02^2 + 12^1 + 02^0 + 02^-1 + 02^-2 + 12^-3 = 8+2+ 1/8 = 10+0.125 = 10.125
4.打算机编码先容(字符集)打算机只能二进制，比如：a-z、A-Z、0-9、标点符号，打算机都不能直接识别。每个人都可以来约定一套字符编码（比如：a用二进制100表示，b用二进制101表示,c用二进制的110表示等）
打算机是由美国人发明的，美国标准化局同样制订了一套统一的编码，叫ASCII码。
ASCII码
ASCII编码用7位或8位(1个字节)二进制来表示，共可以表示128或256个字符。包括：大小写字母、数字、标点符号、图形符号等。
5.ANSI编码每个国家都想让打算性能显示或处理本国的措辞，都对ASCII码进行了扩展。
在中国(简体字)，ANSI编码是指GB2312或GBK。
在台湾(繁体字)，ANSI编码是指BIG5
在日本，ANSI编码是指JIS。
……
把稳：ANSI编码是跟随操作一齐安装的，也便是，安装了中文操作系统后，它的默认编码便是GB2312。
6.GB2312编码
GB2312是中国标准化局，在1980年制订的一套显示简体中文的编码。
GB2312是用2个字节来显示。共可以表示2^16=256256=65536个字符。
GB2312共保存了6763个常用汉字，一级汉字3700个。
GBK编码
对GB2312进行了扩充，可以显示人名、古汉语中的一些罕见字等。
GBK也是用2个字节来表示。共存储了2.3万个旁边的中笔墨符。
GBK的范围，要比GB2312大的多。
BIG5编码
BIG5用于台湾、喷鼻香港、澳门地区的繁体中文编码。
Unicode编码
用4个字节表示字符，共可以表示42个亿个字符。
Unicode编码可以显示天下上所有国家的措辞。
缺陷：文件弘大，效率不高，不利于推广。
UTF-8统一格式转换
它会自动根据不同的字符，来选择不同编码长度。
7.<meta>标记<meta>标记是设置一些网页文件头方面的信息。紧张包括：网页编码或字符集设置、网页关键字、网页描述、网页刷新跳转等。相称于一封信的信封，信封有地址、邮编等主要。
<head>标记中的内容在浏览器中，是不可见的。
紧张用两个常用的属性：
http-equiv：紧张设置一些掌握信息，属性值是固定的。比如：content-type
name：一样平常用于设置网页描述信息，像关键字、网页描述、网页版权、作者等，属性值是固定的。比如：keywords
content：是详细的参数或内容，与http-equiv和name属性进行对应。
（1）设置网页的字符集或编码
<meta http-equiv=“content-type” content=“text/html;charset=GBK”>
（2）设置网页刷新或跳转
<meta http-equiv=“refresh” content=“5”> 表示每隔5秒钟，刷新网页
<meta http-equiv=“refresh” content=“5;url=http://www.baidu.com”> 表示5秒钟后，跳转到百度网
把稳：刷新功能相称于浏览器中的刷新按钮
（3）设置网页关键字(SEO优化)，给搜索引擎(搜索机器人)利用
<meta name=“keywords” content=“程序开拓,平面设置,空间域名,网站掩护”>
（4）设置网页描述信息(SEO优化)
<meta name=“description” content=“广州网站培植思优网络公司,供应专业广州网站制作及网站推广相结合的建站方案,由专业广州网站设计职员结合搜索引擎优化履历为您设计网站;广州网页设计:020-87537332”>
8.XHTML
XHTML是可扩展超文本标注措辞，XHTML是更纯净的HTML，语法更严格。
XHTML的目的是为了取代HTML4.01。
XHTML是W3C的一个标准或规范。
编写XHTML的规范，与HTML编写有何不同？
1）所有的标记都必须被关闭。比如：<br>转换<br /> <hr>转换后 <hr />
2）XHTML哀求所有的标记名称必须小写。比如：<meta><table><img><font>
3）XHTML哀求所有的属性名必须小写，属性值必须加引号。
4）XHTML哀求所有的属性必须有值。
<hr noshade=“noshade” />
<input type=“radio” checked=“checked” />
5）所有的标记要顺序嵌套，不能交叉嵌套；
6）XHTML文件，必须要有DTD文档类型定义；
DTD(Document Type Define)文档类型定义
（1）严格型Strict
哀求HTML代中，不能存在任何的表现，用CSS去代替。比如：<font>、bgcolor、background等
<!DOCTYPE html PUBLIC \"大众-//W3C//DTD XHTML 1.0 Strict//EN\公众 \"大众http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"大众>
（2）过渡型transitional
可以利用任何表现的标记或属性。
<!DOCTYPE html PUBLIC \"大众-//W3C//DTD XHTML 1.0 Transitional//EN\"大众 \公众http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"大众>
（3）框架型Frameset
制作框架网页时利用的一种类型，框架紧张用于网站的后台管理。
框架技能：是将一个浏览器窗口划分身分歧区域，每个区域(窗口)都可以显示一个独立的网页。（HTML第四天单独讲框架，现在作个理解）
9.W3C简介
W3C是万维网同盟，是一个国际性的非盈利性组织，是WEB领域最具威信性的组织。已经制订多达200多项的标准。
比如：XHTML、CSS、ECMAScript(JavaScript)、DOM、 XML等。
10.超级链接超级链接的功能：便是点击某个链接，可以跳转到目标页面或文件。
超级链接的分类：
（1）按内容分类：文本链接、图片链接、多媒体等
（2）按URL分类：相对URL、绝对URL、锚点
URL，指网址或路径
URL(Uniform Resource Locator，统一资源定位器)，也便是指互联网地址。
http://www.sina.com.cn/about/index.html
第一个部分：协议，指访问什么类型的做事器，如：http://、FTP://、news://
第二个部分：主机名或主机的IP地址。如：www.sina.com.cn
第三个部分：文件夹名，如：about
第四个部分：文件名，如：index.html
11.<a></a>超级链接的标记格式：<a 属性=“属性值”>新浪网</a>
常用的属性：
Href：指链接的目标文件或网址。比如：href=“http://www.toutiao.com”
Target：指目标文件的打开办法。
_blank：在新窗口中，来打开目标文件；
_self：在当前窗口中，来打开目标文件；
_top：在最顶层窗口中，来打开目标文件(在框架中讲)；
_parent：在父窗口中，来打开目标文件(在框架中讲)
Name：设置锚点的名称。锚点是指：链接到同一个页面的不同部分
举例：<a href=http://www.toutiao.com target=“_blank”>头条号</a>
12.相对路径和绝对路径绝对URL：它总是以file:///协议开头，去访问目标文件。
如果将当前文件移动到其它地方，这个绝对URL路径不须要修正。
绝对URL，只须要确定目标文件的路径即可，与当前文件位置无关。
例如：<a href=“file:///E:/itcast/20140510/lesson/day2/4.html”>本地绝对路径</a>
相对URL：要确定当前文件与目标文件的关系。
关系分为三种：
平级关系：直接写目标文件的文件名即可。
下级关系：也便是目标文件所在的文件夹与当前文件是平级关系，当前文件与目标文件是高下级关系。
上级关系：目标文件位于上一层级。
../代表上一层文件夹
../../代表上二层文件夹
../../images/01.jpg
提示：在制作网站时，一样平常利用的都是相对路径。
（3）下载链接：如果链接到的文件，网页不能直接实行的话，都会涌现下载提示。
浏览器可以直接实行的文件：.gif、.jpg、.png、html、.htm、.mp3、.swf等
（4）邮箱链接：mailto:beijing2000@126.com
13.锚点链接：指链接到一个网页的不同地方第一步：定义一个锚点或标记 <a name=“top”></a>
第二步：链接到锚点或标记 <a href=“#top”>返回顶部</a>
<a href=“intro.html#bottom”>链接到intro.html的底部</a>
14.<img>图片标记，单边标记格式：<img 属性＝“属性值” />
常用的属性：
Src：指图片的URL，可以是相对路径，也可以是绝对路径。
Width：指图片的宽度，单位px或%
Height：指图片的高度
Align：图片的水平对齐办法，取值：left center right ，left或right可以实现图文混排
Alt：如果图片不存在时，显示的提示信息
Hspace：图片旁边的间隔
Vspace：图片高下的间隔
举例：<img src=“images/01.gif” width=“400” height=“300” alt=“宝宝图片” />
如果担保图片在调度过程中不变形（等比例缩放）：只须要设置width和height个中一个即可，另一个会自动缩放。
