浏览器相当于客户端，浏览器访问服务端，收到消息之后里面断开，一次请求，一次响应，一次断开。
Web框架本质 http://www.cnblogs.com/wupeiqi/articles/5237672.html
众所周知，对于所有的Web应用，本质上其实就是一个socket服务端，用户的浏览器其实就是一个socket客户端。
#!/usr/bin/env python#coding:utf-8import socketdef handle_request(client): ???buf = client.recv(1024) ???client.send(b"HTTP/1.1 200 OK\r\n\r\n") ???client.send(b"Hello, Seven")def main(): ???sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) ???sock.bind((‘localhost‘, 8000)) ???sock.listen(5) ???while True: ???????connection, address = sock.accept() ???????handle_request(connection) ???????connection.close()if __name__ == ‘__main__‘: ???main()
上面，我们启动程序，在浏览器空白窗口输入localhost:8000，则会收到Hello,Seven的消息。
为什么网址都是有各种格式和颜色的，我们上面显示的只是简答的hello,Seven，现在我们让服务器断发送不一样的信息，如下：
client.send(b"<h1 style=‘background-color:red;‘>Hello wrold</h1>")
此时，刷新浏览器，收到的消息如下：
Hello wrold
此时，字体是<h1></h1>段落的形式，背景颜色是红色，这是由于我们发送给浏览器的是浏览器识别的格式，能够进行格式的转换。
HTML架构：
<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title></head><body></body></html>
上面HTML是借助工具pycharm自动创建的html文件，是HTML的基本格式，<!DOCTYPE html>声明HTML文件
<html lang="en"> #lang="en"标签内部的属性lang="en"
<head></head> #头部
<body></body> #身体
</html>
注释<!-- message -->
<head></head>里面的标签
-<meta> charset="UFT-8"设置字符格式，防止中文乱码，默认utf-8可变长度的Unicode编码。
-<title>标题</title>
Meta(metadata information)
提供有关页面的元信息，例：页面编码，刷新，跳转，针对搜索引擎合更新频度的描述合关键词
1.页面编码（告诉浏览器是什么编码）
<meta http-equiv="content-type" content="text/html;charset="utf-8">
2.刷新和跳转
<meta http-equiv="refresh" content="2"> 默认两秒刷新一次网页，设置默认刷新<meta http-equiv="refresh" content="2">
间断一段时间跳转：
<meta http-equiv="refresh" content="3;Url=http://baidu.com"> 3秒钟之后跳转到百度的页面
<meta>这种跳转很少用，紧急的时候使用。
3.关键字
<meta name="kewwords" content="星际,老男孩，Alex，专访，苍老师">
4.描述
<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" /> ?<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
<meta name="description" content="对网站的用途做简单的介绍，搜索引擎所搜到之后，会展示，告诉用户网站的用途" />
5.X_UA-Compatible 兼容性，现在浏览器都不支持IE6低版本，IE6是微软自定义的代码，现在通用HTML，不在支持低版本，需进行说明
<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;" /> 最先支持IE9,不兼容使用IE8
6.<link>标签
（1）、可以指定标题图片，比如每个标签旁边都有一个官方的图片，天猫，京东(JD)标志等，如下：
<link rel="shortcut icon" href="//common.cnblogs.com/favicon.ico" type="image/x-icon" /> #指定显示图标
二、<body></body>标签
 代表空格，>代表>号，<代表小于号(<)
网络特殊符号地址：http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html
day--14前端（HTML、CSS)
原文地址：http://www.cnblogs.com/gengcx/p/7617108.html