Linux网络编程-9.HTML,CSS基础

9.1 HTML

http://www.w3school.com.cn/html/index.asp
http://www.runoob.com/
HTML简介

  • HTML,Hyper Texture Markup Language,超文本标记语言
  • 在计算机中以.html、.htm作为扩展名
  • 可以被浏览器访问, 就是经常见到的网页

HTML特点

  • 语法非常简洁、比较松散,以相应的英语单词关键字进行组合
  • html标签不区分大小写
  • 大多数标签是成对出现的, 有开始, 有结束
  • 不成对出现的称之为短标签


标签中的属性和属性值

  • 属性=“属性值”
    • hello, world
    • 属性值建议加引号, (双, 单引号, 不加都可以)

9.2 HTML组成部分

声明文档类型
文档的头部好和主体内容根标记
文档的头部信息头部标记 只能有一对
</code>显示在浏览器窗口的标题栏中“网页名称”<code>位于
标记之内
主体标记位于之内,标记之后

示例:

<html>
<head>
<title>这是一个标题title>
head>
<body>
<font color="red" size="5">hello, worldfont>
body>
分区 web服务器 的第 1 页
body>
html>

9.2.1 注释


9.2.2 标题标签

最大标题

  • 只有一个
  • 搜引擎优化:seo



最小标签

1~6依次变小,自动换行

9.2.3 文本标签

  • 属性:
    • color:文字颜色
      • 表示方式:
        – 英文单词:redgreenblue
        – 使用16进制的形式表示颜色:#ffffff
        – 使用rgb(255,255,255)
    • size:文字大小
      – 范围:1(min)~7(max)

9.2.4 文本格式化标签

文本加粗标签

  • 尽量使用strong

文本倾斜标签

  • 尽量使用em

删除线标签

  • 尽量使用del

下划线

  • 尽量使用ins

9.2.5 段落

xxx

  • 特点:上下自动生成空白行

9.2.6 块容器

block

用于定义没有语义含义的内容的块级容器(或网页的“划分”)
属性:对其方式

  • align
    • left
    • center
    • right

9.2.7 列表

9.2.7.1 无序列表
<ul>
	<li>li> 
	<li>li>
ul>

9.2.7.2 有序列表
<ol>
	<li>li> 
	<li>li>
ol>

9.2.8 自定义标签

<dl>
	<dt>dt> 
	<dd>dd> 
	<dd>dd> 
dl>

9.2.9 图片标签

<img src="3.gif" alt="小岳岳" title="我的天呐!" width="300" height="200" />

9.2.10 超链接

 <a href="http://jd.com" title="A dog" target="_blank">超链接a>

示例:<a href="http://www.baidu.com">百度一下a>
锚链接
先定义一个锚点: <p id="sd">
超链接到锚点: <a herf="#sd">回到顶点a>

9.2.11 表格

<table>table>

<tr> 

<td> 

示例:
<table border=1>
<tr>
<td>td> 
<td>td> 
tr>
<tr>
<td>td>
<td>td>
tr>
<tr>
<td>td>
<td>td>
tr>
tr>
table>

9.2.12 其他


:换行


:水平线

  • 属性:
    • color:三种
    • size:1-7

9.3 http协议

9.3.1 请求消息

浏览器给服务器发
四部分: 请求行, 请求头, 空行, 请求数据

  • 请求行: 说明请求类型, 要访问的资源, 以及使用的http版本
  • 请求头: 说明服务器要使用的附加信息
  • 空行: 空行是必须要有的, 即使没有请求数据
  • 请求数据: 也叫主体, 可以添加任意的其他数据

请求头:由键值对构成的

例:

GET /3.txt HTTP/1.1\r\n
	// /: 资源目录的根目录
	// 三部分内容由空格间隔
Host: localhost:2222
User-Agent: Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:24.0) Gecko/201001 01
Firefox/24.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: zh-cn,zh;q=0.8,en-us;q=0.5,en;q=0.3
Accept-Encoding: gzip, deflate
Connection: keep-alive
If-Modified-Since: Fri, 18 Jul 2014 08:36:36 GMT

// 请求数据

9.3.2 响应消息

服务器给浏览器发
四部分: 状态行, 消息报头, 空行, 响应正文

  • 状态行: 包括http协议版本号, 状态码, 状态信息
  • 消息报头: 说明客户端要使用的一些附加信息
  • 空行: 空行是必须要有的
  • 响应正文: 服务器返回给客户端的文本信息

例:

HTTP/1.1 200 Ok
Server: micro_httpd
Date: Fri, 18 Jul 2014 14:34:26 GMT
Content-Type: text/plain; charset=iso-8859-1 (必选项)
	// 告诉浏览器发送的数据是什么类型
Content-Length: 32
	// 发送的数据的长度
Content-Language: zh-CN
Last-Modified: Fri, 18 Jul 2014 08:36:36 GMT
Connection: close

#include 
int main(void)
{
	printf("hello world!\n");
	return 0;
}

9.3.3 HTTP1.1的五种请求方式

GET

  • 请求指定的页面信息,并返回实体主体。

POST

  • 向指定资源提交数据进行处理请求(例如提交表单或者上传文件)。数据被包含在请求体中。POST请求可能会导致新的资源的建立和/或已有资源的修改。

HEAD

  • 类似于get请求,只不过返回的响应中没有具体的内容,用于获取报头

PUT

  • 从客户端向服务器传送的数据取代指定的文档的内容。

DELETE

  • 请求服务器删除指定的页面。

CONNECT

  • HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器。

OPTIONS

  • 允许客户端查看服务器的性能。

TRACE

  • 回显服务器收到的请求,主要用于测试或诊断。

9.3.4 HTTP常用的状态码

状态代码有三位数字组成,第一个数字定义了响应的类别,共分五种类别:

  • 1xx:指示信息–表示请求已接收,继续处理
  • 2xx:成功–表示请求已被成功接收、理解、接受
  • 3xx:重定向–要完成请求必须进行更进一步的操作
  • 4xx:客户端错误–请求有语法错误或请求无法实现
  • 5xx:服务器端错误–服务器未能实现合法的请求

常见状态码:

  • 200 OK 客户端请求成功
  • 400 Bad Request 客户端请求有语法错误,不能被服务器所理解
  • 401 Unauthorized 请求未经授权,这个状态代码必须和WWW-Authenticate报头域一起使用
  • 403 Forbidden 服务器收到请求,但是拒绝提供服务
  • 404 Not Found 请求资源不存在,eg:输入了错误的URL
  • 500 Internal Server Error 服务器发生不可预期的错误
  • 503 Server Unavailable 服务器当前不能处理客户端的请求,一段时间后可能恢复正常

9.3.5 http中的文件类型

普通文件: text/plain; charset=utf-8
*.html
: text/html; charset=utf-8
*.jpg : image/jpeg
*.gif : image/gif
*.png
: image/png
*.wav
: audio/wav
*.avi : video/x-msvideo
*.mov
: video/quicktime
*.mp3
: audio/mpeg

charset=iso-8859-1

  • 西欧的编码,说明网站采用的编码是英文;

charset=gb2312

  • 说明网站采用的编码是简体中文;

charset=utf-8

  • 代表世界通用的语言编码;可以用到中文、韩文、日文等世界上所有语言编码上

charset=euc-kr

  • 说明网站采用的编码是韩文;

charset=big5

  • 说明网站采用的编码是繁体中文;

你可能感兴趣的:(笔记,服务器,html,网络,linux)