html学习

一、学习网址

1、猴子也能看懂的网页制作入门

http://www.monmonkey.com/

2、w3school

二、关键学习点

1、td 是 Table Data （表格数据）的缩写。

2、

   1.内部连接：<a href="#/URL">name</a>
　　2.锚记:<a name="object-name">name</a>
　　<a href="#object-name">name</a>
　　3.外部链接：<ahref="URL">name</a>
　　英文全称是 hypertext reference 表示一种超连接 ，比如：
　　<a href="http://www.google.com">Google</a>
　　这句话就表示建立一个以“Google"（字）为表象的网址连接
　　4.特效链接
　　特效链接的目的不是跳转到其他位置，而是为了实现基本种页面特效，这种链接需要脚本来支持。例：
　　JavaScript脚本：
　　<a href="javascript:alert("夜深了早点休息吧！")">点击我！</a>
　　VBScript脚本：
　　<a href=vbscript:msgbox("现在时间是："&time)>点击我！</a>

3、HTTP协议报文基本格式

    HTTP协议（Hypertext　Transfer　Protocol――超文本传输协议），浏览器端（客户端）向WEB服务器端访问页面的过程和HTTP协议报文的格式。     基于HTTP协议的客户机访问包括4个过程，分别是建立TCP套接字连接、发送HTTP请求报文、接收HTTP应答报文和关闭TCP套接字连接： 1. 创建TCP套接字连接     客户端与WEB服务器创建TCP套接字连接，其中WEB端服务器的地址可以通过域名解析确定，WEB端的套接字侦听端口一般是80。 2. 发送HTTP请求报文     客户端向WEB服务端发送请求报文，HTTP协议的请求报文格式为：

请求消息 = 请求行（实体头信息）CRLF[实体内容] 请求行 = 方法　URL　HTTP版本号　CRLF 方法 = GET|HEAD|POST|扩展方法 URL = 协议名称 ＋ 宿主名 ＋ 目录与文件名

    其中"CRLF"表示回车换行。     "请求行"中的"方法"描述了对指定资源执行的动作，常用的方法"GET"、"HEAD"和"POST"等3种，它们的含义如表15-8所示： 表15-8 HTTP请求方法

取值	描述
GET	从WEB服务器中获取对象，不同类型的对 象将获取不同的信息，比如： · 文件类型对象，获取该文件的内容。 · 程序类型对象，获取该程序执行的结果。 · 数据库查询类型对象，获取该查询的结果。
HEAD	要求服务器查找对象的元信息。
POST	从客户端向WEB服务器发送数据。

    "实体头信息"中记载了报文的属性，利用这些信息可以实现客户端与WEB服务器之间的请求或应答，它包括报文的数据类型、压缩方法、语言、长度、压缩方法、最后一次修改时间、数据有效期等信息。     实体内容是报文传送的附加信息，一般供POST请求填写。
GET请求报文例子     一个URL为"http://www.zhiliaowang.com/toupiaoceshi.asp?name=朱云翔"的GET请求报文例子如下：

GET http://www.zhiliaowang.com/toupiaoceshi.asp?name=朱云翔 HTTP/1.1 Accept: */* Accept-Language: zh-cn Accept-Encoding: gzip, deflate User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727) Host: www.zhiliaowang.com Connection: Keep-Alive

    其中"/toupiaoceshi.asp?name=朱云翔"是URL信息，语句"ACCEPT：*/*"及其后的语句是"实体头信息"。     注意：在语句"Connection：Keep-Alive"下的空行是必须的。
POST请求报文例子     下面是HTTP协议中关于POST请求报文例子，节自《中国联合通信公司短消息网关系统接口协议(SGIP)》V1.2版：

POST /sp.cgi HTTP/1.0     /* 请求行，服务程序为sp.cgi */ Host: www.spserver.com     /* 以下为实体头信息 */ Authorization: Basic <Base64 串> Content-Length: <Content-Length> <CommandId>=<4>       /* 以下为POST请求的实体信息 */ <SequenceNumber>=<205502327125025327> /* 实体部分输送报文 */ <UserNumber>=<8613001125453> <SPNumber>=<168> <MessageContent>=<ABCD 1234>

    一般情况下，采用POST报文传送信息的数据存储在"实体"部分中。

请求报文附注：
    HTTP请求包括三部分：请求行(Request Line)，头部(Headers)和数据体(Body)。其中，请求行由请求方法(method)，请求网址Request-URI和协议 (Protocol)构成，而请求头包括多个属性，数据体则可以被认为是附加在请求之后的文本或二进制文件。

    下面这个例子显示了一个HTTP请求的Header内容，这些数据是真正以网络HTTP协议从IE浏览器传递到Apache服务器上的。 GET /qingdao.html HTTP/1.1 Accept:text/html, */* Accept-Language:zh-cn Accept-Encoding:gzip,deflate User-Agent:Mozilla/4.0(compatible;MSIE 5.01;Windows NT 5.0;DigExt) Host: www.6book.net Referer: http://www.6book.net/beijing.html Connection:Keep-Alive
    这段程序使用了6个Header，还有一些Header没有出现。我们参考这个例子具体解释HTTP请求格式。 1.HTTP请求行：请求行格式为Method Request-URI Protocol。在上面这个例子里，"GET / HTTP/1.1"是请求行。 2.Accept:指浏览器或其他客户可以接爱的MIME文件格式。可以根据它判断并返回适当的文件格式。 3.Accept-Charset：指出浏览器可以接受的字符编码。英文浏览器的默认值是ISO-8859-1. 4.Accept-Language：指出浏览器可以接受的语言种类，如en或en-us，指英语。 5.Accept-Encoding：指出浏览器可以接受的编码方式。编码方式不同于文件格式，它是为了压缩文件并加速文件传递速度。浏览器在接收到Web响应之后先解码，然后再检查文件格式。 6.Authorization：当使用密码机制时用来标识浏览器。 7.Cache-Control：设置关于请求被代理服务器存储的相关选项。一般用不到。 8.Connection：用来告诉服务器是否可以维持固定的HTTP连接。HTTP/1.1使用Keep-Alive为默认值，这样，当浏览器需要多个文件时(比如一个HTML文件和相关的图形文件)，不需要每次都建立连接。 9.Content-Type：用来表名request的内容类型。可以用HttpServletRequest的getContentType()方法取得。 10.Cookie：浏览器用这个属性向服务器发送Cookie。Cookie是在浏览器中寄存的小型数据体，它可以记载和服务器相关的用户信息，也可以用来实现会话功能。 11.Expect：表时客户预期的响应状态。 12.From：给出客户端HTTP请求负责人的email地址。 13.Host：对应网址URL中的Web名称和端口号。 14.If-Match：供PUT方法使用。 15.If-Modified-Since：客户使用这个属性表明它只需要在指定日期之后更改过的网页。因为浏览器可以使用其存储的文件而不必从服务器请求，这样节省了Web资源。由于Servlet是动态生成的网页，一般不需要使用这个属性。 16.If-None-Match：和If-Match相反的操作，供PUT方法使用。 17.If-Unmodified-Since：和If-Match-Since相反。 18.Pragma：这个属性只有一种值，即Pragma：no-cache,表明如果servlet充当代理服务器，即使其有已经存储的网页，也要将请求传递给目的服务器。 19.Proxy-Authorization：代理服务器使用这个属性，一般用不到。 20.Range：如果客户有部分网页，这个属性可以请求剩余部分。 21.Referer：表明产生请求的网页URL。
比如从网页/beijing.html中点击一个链接到网页/qingdao.html,在向服务器发送的GET /beijing.html中的请求中，Referer是http://www.6book.net/qingdao.html 。这个属性可以用来跟踪Web请求是从什么网站来的。 22.Upgrage：客户通过这个属性设定可以使用与HTTP/1.1不同的协议。 23.User-Agent：是客户浏览器名称。 24.Via：用来记录Web请求经过的代理服务器或Web通道。

25.Warning：用来由客户声明传递或存储(cache)错误。

3. 接收HTTP应答报文     WEB服务器处理客户请求，并向客户机发送应答报文，HTTP协议的应答报文格式为：     应答报文 = 状态行（实体头信息）CRLF [实体内容]     状态行   = HTTP版本号　状态码　原因叙述     状态码描述了WEB服务器执行客户机请求的状态信息，其取值含义如表15-8所示： 表15-8 HTTP应答响应码含义

取值	描述
1××	保留。
2××	成功接收，比如“200”表示处理成功。
3××	客户需进一步细化请求。
4××	客户错误，比如“404”表示访问的 指定资源不存在。
5××	服务器错误。

GET应答报文例子     一个请求URL为"http://www.zhiliaowang.com/toupiaoceshi.asp?name=朱云翔"的应答报文例子如下：

HTTP/1.1 200 OK Connection: keep-alive Date: Thu, 26 Jul 2007 14:00:02 GMT Server: Microsoft-IIS/6.0 X-Powered-By: ASP.NET Content-Length: 190 Content-Type: text/html Set-Cookie: ASPSESSIONIDSAATTCSQ=JOPPKDCAMHHBEOICJPGPBJOB; path=/ Cache-control: private <html> <head> <title>精通Unix下C语言编程</title> </head> <body> <b>精通Unix下C语言编程与项目实战<br></b> <b>投票测试<br></b> 感谢你为选手 朱云翔 投票! </body> </html>

    语句"HTTP/1.1 200 OK"中，"200"是响应码，"OK"是原因描述。 POST应答报文例子     下面是HTTP协议中关于POST应答报文例子，节自《中国联合通信公司短消息网关系统接口协议(SGIP)》V1.2版：

HTTP/1.0 200 OK       /* 状态行，应答成功 */ Date: Tue, 13 Mar 2001 02:45:12 GMT /* 以下为实体头信息 */ Server: Apache/1.3.12 (Unix) Content-Type: text/html Connection: close <CommandId>=<80000004>     /* 以下为POST应答的实体信息 */ <SequenceNumber>=<205502327125025327> <UserNumber>=<8613001125453> <SPNumber>=<168> <MessageContent>=< EFGH 5678> <Result>=<0>

    一般情况下，POST应答报文的"实体"部分存储实际传输的信息。 4. 关闭TCP套接字连接

     客户机与服务器双方关闭套接字连接，结束TCP/IP对话。

 4、HTML class 属性

class 属性 -- 用于链接一个样式与HTML元素

示例

<div class="dreamdu1">连接div标签与dreamdu1样式<div>
<div class="dreamdu12px dreamdublack dreamdubold">使用空格分开多个样式连接div标签<div>

div.dreamdu12px
{
	font-size: 12px;
}

div.dreamdublack
{
	color: black;
}

div.dreamdubold
{
	font-weight: bold;
}