服务端

import socket

sk = socket.socket()

sk.bind(("127.0.0.1", 8080))
sk.listen(5)

while True:
conn, addr = sk.accept()
data = conn.recv(8096)
conn.send(b"HTTP/1.1 200 OK\r\n\r\n")
conn.send(b"

Hello world!

")
conn.close()

浏览器发请求--》HTTP协议--》服务端接收请求--》服务器返回响应--》服务端把HTML文件内容发给浏览器--》浏览器渲染页面

HTML是什么？

1.超文本标记语言（Hypertext Markup Language, HTML），是一种用于创建网页得标记语言。
2.本质上是浏览器可识别得规则，我们按照规则写网页，浏览器根据规则渲染我们得网页，对于不同的浏览器，对同一额标签可能会有不同的解释（兼容性问题）
3.网页文件的扩展名：.html或者.htm

HTML不是什么？

HTML是一种标记语言（markup language），他不是一种编程语言。
HTML使用标签来描述网页
===========================图==================================

image.png

HTML文档结构

最基本的HTML文档：




  
  css样式优先级

1.<！DOCTYPE html>声明为HTML5文档
2.、是文档的开始标记和结束的标记。是HTML页面的根元素，在它们之间是文档的头部（head）和主体（body）。
3.、定义了HTML文档的开头部分。它们之间的内容不会在浏览器的文档窗口显示。包含了文档的元（meta）数据。
4.、定义了网页标题，在浏览器标题栏显示。
5.、之间的文本是可见的网页主体内容。

注意：对于中文网页需要使用声明编码，否则会出现乱码，有些浏览器会设置GBK为默认编码，则我们需要设置为。

HTML标签格式

1.HTML标签是由尖括号包围的关键字，如,

等
2.HTML标签通常是拺成对出现的，比如：

和

,第一个标签是开始，第二个标签是结束。结束标签会有斜线。
3.也有一部分标签是单独呈现的，比如：
、

、

等。
4.标签里面可以有若干属性，也可以不带属性。

标签的语法

1.<标签名属性1=“属性值1” 属性2=“属性值2”……>内容部分
2.<标签名属性1=“属性值1” 属性2=“属性值2”…… />

几个很重要的属性

1.id：定义标签的唯一ID，HTML文档树中唯一
2.class：为html元素定义一个或多个类名（classname）(CSS样式类名)
3.style：规定元素的行内样式（CSS样式）

HTML注释

：单行注释

HTML常用标签

head内常用标签

标签                         意义
           定义网页标题
           定义内部样式表
           定义js代码或引入外部js文件
                   引入外部样式表文件或网站图标
                   定义网页原信息

body内常用标签

基本标签（块级标签和内连标签，也叫行内标签）
加粗
斜体
下划线
删除

段落标签

标题1

标题2

标题3

标题4

标题5

标题6

特殊字符

内容      对应代码
空格       
>       >
<       <
&       &
¥       ¥
版权      ©
注册      ®

div标签和span标签

div标签用来定义一个块级元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现。
span标签用来定义内联(行内)元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现。

块级元素与行内元素的区别：
所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行。如果单独在网页中插入这两个元素，不会对页面产生任何的影响。
这两个元素是专门为定义CSS样式而生的。

注意：

关于标签嵌套：通常块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素。

p标签不能包含块级标签，p标签也不能包含p标签。

img标签

图片未加载成功时的提示

a标签

超链接标签

所谓的超连接标签是指从一个网页指向一个目标连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子右键地址，一个文件，甚至是一个应用程序

什么是URL？

URL是统一资源定位器(Uniform Resource Locator)的缩写，也被称为网页地址，是因特网上标准的资源的地址。
URL举例
http://www.sohu.com/stu/intro.html
http://222.172.123.33/stu/intro.html

URL地址由4部分组成
第1部分：为协议：http://、ftp://等
第2部分：为站点地址：可以是域名或IP地址
第3部分：为页面在站点中的目录：stu
第4部分：为页面名称，例如 index.html
各部分之间用“/”符号隔开。

点我

href属性指定目标网页地址，该地址可以有几种类型；
1.绝对URL-指向另一个站点（比如：href="http://www.jd.com）
2.相对URL - 指当前站点中确切的路径（href="index.htm"）
3.锚URL - 指向页面中的锚（href="#top"）

一八八八八
 ：就会跳到该地方
跳到首页：是自动跳上最上方
跳到首页：是刷新并跳到最上方

target：

1._blank表示在新标签页中打开目标网页
2._self表示在当前标签页中打开目标网页

列表
1.无序列表

第一项

第二项

type属性：

disc（实心圆点，默认值）
circle（空心圆圈）
square（实心方块）
none（无样式）
2.有序列表

第一项

第二项