html学习
2013-02-23 19:13
441 查看
一、学习网址
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"表示回车换行。
"请求行"中的"方法"描述了对指定资源执行的动作，常用的方法"GET"、"HEAD"和"POST"等3种，它们的含义如表15-8所示：
表15-8 HTTP请求方法
"实体头信息"中记载了报文的属性，利用这些信息可以实现客户端与WEB服务器之间的请求或应答，它包括报文的数据类型、压缩方法、语言、长度、压缩方法、最后一次修改时间、数据有效期等信息。
实体内容是报文传送的附加信息，一般供POST请求填写。
GET请求报文例子
一个URL为"http://www.zhiliaowang.com/toupiaoceshi.asp?name=朱云翔"的GET请求报文例子如下：
其中"/toupiaoceshi.asp?name=朱云翔"是URL信息，语句"ACCEPT：*/*"及其后的语句是"实体头信息"。
注意：在语句"Connection：Keep-Alive"下的空行是必须的。
POST请求报文例子
下面是HTTP协议中关于POST请求报文例子，节自《中国联合通信公司短消息网关系统接口协议(SGIP)》V1.2版：
一般情况下，采用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应答响应码含义
GET应答报文例子
一个请求URL为"http://www.zhiliaowang.com/toupiaoceshi.asp?name=朱云翔"的应答报文例子如下：
语句"HTTP/1.1 200 OK"中，"200"是响应码，"OK"是原因描述。
POST应答报文例子
下面是HTTP协议中关于POST应答报文例子，节自《中国联合通信公司短消息网关系统接口协议(SGIP)》V1.2版：
一般情况下，POST应答报文的"实体"部分存储实际传输的信息。
4. 关闭TCP套接字连接
客户机与服务器双方关闭套接字连接，结束TCP/IP对话。
4、HTML class 属性
class 属性 -- 用于链接一个样式与HTML元素
[/code]
[/code]
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 = 协议名称 ＋ 宿主名 ＋ 目录与文件名 |
"请求行"中的"方法"描述了对指定资源执行的动作，常用的方法"GET"、"HEAD"和"POST"等3种，它们的含义如表15-8所示：
表15-8 HTTP请求方法
| 取值 | 描述 |
| GET | 从WEB服务器中获取对象，不同类型的对 象将获取不同的信息，比如： · 文件类型对象，获取该文件的内容。 · 程序类型对象，获取该程序执行的结果。 · 数据库查询类型对象，获取该查询的结果。 |
| HEAD | 要求服务器查找对象的元信息。 |
| POST | 从客户端向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 |
注意：在语句"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> |
请求报文附注：
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×× | 服务器错误。 |
一个请求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> |
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> |
4. 关闭TCP套接字连接
客户机与服务器双方关闭套接字连接，结束TCP/IP对话。
4、HTML class 属性
class 属性 -- 用于链接一个样式与HTML元素
示例
<
div
class
=
"
dreamdu1
"
>连接div标签与dreamdu1样式
<
div
>
<
div
class
=
"
dreamdu12px dreamdublack dreamdubold
"
>使用空格分开多个样式连接div标签
<
div
>
[/code]
div.dreamdu12px
{font-size
:
12px
;
}
div.dreamdublack
{color
:
black
;
}
div.dreamdubold
{font-weight
:
bold
;
}
[/code]
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 