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"<h1>Hello world!</h1>")
    conn.close()

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

HTML是什么？

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

HTML不是什么？ 

HTML是一种标记语言（markup language），它不是一种编程语言。

HTML使用标签来描述网页。

HTML文档结构

最基本的HTML文档：

<!DOCTYPE html><html lang="zh-CN"><head>
  <meta charset="UTF-8">
  <title>css样式优先级</title></head><body></body></html>

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

注意：对于中文网页需要使用  <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器会设置 GBK 为默认编码，则你需要设置为  <meta charset="gbk">。

HTML标签格式

• HTML标签是由尖括号包围的关键字，如 <html>, <div>等
• HTML标签通常是成对出现的，比如： <div>和 </div>，第一个标签是开始，第二个标签是结束。结束标签会有斜线。
• 也有一部分标签是单独呈现的，比如： <br/>、 <hr/>、 <img src="1.jpg" />等。
• 标签里面可以有若干属性，也可以不带属性。

标签的语法：

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

几个很重要的属性：

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

HTML注释

<!--注释内容-->

注释是代码之母。--摘自哪吒语录

<!DOCTYPE> 标签

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

HTML常用标签

head内常用标签

Meta标签

Meta标签介绍：

• <meta>元素可提供有关页面的元信息（mata-information）,针对搜索引擎和更新频度的描述和关键词。
• <meta>标签位于文档的头部，不包含任何内容。
• <meta>提供的信息是用户不可见的。

meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 

1.http-equiv属性：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。