目录

• HTML
  
  
  • 1. web服务的本质
  
  
  • 2. HTML结构
  
  
  • 3. HTML语法
  
  
  • 4. head标签中的标签
  
  
  • 5. body标签中的标签（重点）
  
  
  • 6. 特殊字符
  
  

HTML

1. web服务的本质

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

import socket
server = socket.socket()
server.bind(('127.0.0.1', 9000))
server.listen()
while 1:
conn,addr = server.accept()
from_data = conn.recv(1024)
print(from_data.decode('utf-8'))
to_data = b'HTTP/1.1 200 ok\r\n\r\n'
data = b'Hello Word!'
conn.send(to_data)
conn.send(data)
conn.close()

HTML：超文本标记语言，是一组用于创建网页的标记语言。

是一种标记语言，它不是编程语言。

2. HTML结构

封闭标签。有全封闭、自封闭。

html文件不识别多个空格或者换行，只会显示一个空格。

#声明是html5文件
#这个lang表示语言，zh-CN是中文的意思，就是说，你整个文档的内容以中文为主，如果以英文为主，就写成lang='en'

# 声明编码






1. 声明为HTML5文档。




2. 、是文档的开始标记和结束的标记。是HTML页面的根元素，在它们之间是文档的头部（head）和主体（body）。




3. 、定义了开头部分。它们之间的内容不会在浏览器的文档窗口显示。包含了文档的元（meta）数据，配置信息等，是给浏览器看的，你看到的是在body标签里面写的。




4. 定义了网页标题，在浏览器标题栏显示.




5. 、之间的文本是可见的网页主体内容。

3. HTML语法

标签的语法：
<标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分
<标签名 属性1=“属性值1” 属性2=“属性值2”…… />

几个重要的属性：

id : 定义标签的唯一ID，id不能重复，可以通过id的值找到这个标签。

class：为html元素定义一个或多个类名。

style：规定元素的行内样式。 如：

4. head标签中的标签

块级标签，自带换行。

meta 标签：

元素可提供有关页面的元消息，支队搜索引擎和更新频度的描述和关键词。

提供的信息是用户不可见的，位于head的首行。

meta标签共有两个属性：http-equiv和name属性，不同的属性又有不同的参数值，就实现了不同的网页功能。

1. http-equiv：可以向浏览器串行一些有用的信息，以帮助正确的显示网页内容，常和属性值content配合使用。

   # 2秒后跳转到指定的网址，注意引号，如果将URL去掉就是2秒刷新一次。

# 指定文档的编码类型，可不写http-equiv="content-Type"

#告诉IE以最高级模式渲染文档





2. name属性：主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

   
#关键字，也就是别人是可以通过这些关键字搜索到我的这个文章的

#是对这个文档的描述，在百度一些内容的页面上，f12打开看

浏览器内核」也就是浏览器所采用的「渲染引擎」，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。渲染引擎是兼容性问题出现的根本原因。

5. body标签中的标签（重点）

内联标签、行内标签。

网页显示的主体内容，都在这里面写。

不加标签的纯文字也是可以在body中写的

加粗
斜体
下划线
删除 # 中划线

段落标签

6. 特殊字符