一、学习网址
1、猴子也能看懂的网页制作入门
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协议报文基本格式
请求消息 = 请求行(实体头信息)CRLF[实体内容] 请求行 = 方法 URL HTTP版本号 CRLF 方法 = GET|HEAD|POST|扩展方法 URL = 协议名称 + 宿主名 + 目录与文件名 |
取值
|
描述
|
GET
|
从WEB服务器中获取对象,不同类型的对
象将获取不同的信息,比如:
· 文件类型对象,获取该文件的内容。
· 程序类型对象,获取该程序执行的结果。
· 数据库查询类型对象,获取该查询的结果。
|
HEAD
|
要求服务器查找对象的元信息。
|
POST
|
从客户端向WEB服务器发送数据。
|
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 |
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)构成,而请求头包括多个属性,数据体则可以被认为是附加在请求之后的文本或二进制文件。
这段程序使用了6个Header,还有一些Header没有出现。我们参考这个例子具体解释HTTP请求格式。
比如从网页/beijing.html中点击一个链接到网页/qingdao.html,在向服务器发送的GET /beijing.html中的请求中,Referer是 http://www.6book.net/qingdao.html 。这个属性可以用来跟踪Web请求是从什么网站来的。
25.Warning:用来由客户声明传递或存储(cache)错误。
取值
|
描述
|
1××
|
保留。
|
2××
|
成功接收,比如“200”表示处理成功。
|
3××
|
客户需进一步细化请求。
|
4××
|
客户错误,比如“404”表示访问的
指定资源不存在。 |
5××
|
服务器错误。
|
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.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> |
客户机与服务器双方关闭套接字连接,结束TCP/IP对话。
4、HTML class 属性
示例
<
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
;
}