HTML
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'<h1>Hello Word!</h1>'
conn.send(to_data)
conn.send(data)
conn.close()
HTML：超文本标记语言，是一组用于创建网页的标记语言。
是一种标记语言，它不是编程语言。
2. HTML结构
封闭标签。有全封闭、自封闭。
html文件不识别多个空格或者换行，只会显示一个空格。
<!DOCTYPE html> #声明是html5文件
<html lang="zh-CN"> #这个lang表示语言，zh-CN是中文的意思，就是说，你整个文档的内容以中文为主，如果以英文为主，就写成lang='en'
<head>
<meta charset="UTF-8"> # 声明编码
<title>css样式优先级</title>
</head>
<body>
</body>
</html>
- 声明为HTML5文档。
-
<html>、</html>是文档的开始标记和结束的标记。是HTML页面的根元素，在它们之间是文档的头部（head）和主体（body）。
-
<head>、</head>定义了开头部分。它们之间的内容不会在浏览器的文档窗口显示。包含了文档的元（meta）数据，配置信息等，是给浏览器看的，你看到的是在body标签里面写的。
-
<title>、</title>定义了网页标题，在浏览器标题栏显示.
-
<body>、</body>之间的文本是可见的网页主体内容。
3. HTML语法
标签的语法：
<标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
<标签名 属性1=“属性值1” 属性2=“属性值2”…… />
几个重要的属性：
id : 定义标签的唯一ID，id不能重复，可以通过id的值找到这个标签。
class：为html元素定义一个或多个类名。
style：规定元素的行内样式。 如：<h1 style=“color:red;”> xx </h1> 设置颜色。
<!--内容--> # 注释，不会在网页显示
4. head标签中的标签
块级标签，自带换行。
| 标签 | 意义 |
|---|---|
| <title></title> | 定义网页标题 |
| <style></style> | 定义内部样式表 |
| <script></script> | 定义JS代码或引入外部JS文件 |
| <link/> | 引入外部样式表文件 |
| <meta/> | 定义网页原信息 |
meta 标签：
<meat>元素可提供有关页面的元消息，支队搜索引擎和更新频度的描述和关键词。
提供的信息是用户不可见的，位于head的首行。
meta标签共有两个属性：http-equiv和name属性，不同的属性又有不同的参数值，就实现了不同的网页功能。
-
http-equiv：可以向浏览器串行一些有用的信息，以帮助正确的显示网页内容，常和属性值content配合使用。
# 2秒后跳转到指定的网址，注意引号，如果将URL去掉就是2秒刷新一次。 <meta http-equiv="refresh" content="2;URL=https://www.baidu.com"> # 指定文档的编码类型，可不写http-equiv="content-Type" <meta http-equiv="content-Type" charset=UTF8"> #告诉IE以最高级模式渲染文档 <meta http-equiv="x-ua-compatible" content="IE=edge"> -
name属性：主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转"> #关键字，也就是别人是可以通过这些关键字搜索到我的这个文章的 <meta name="description" content="xxxxxpythonxxx学习"> #是对这个文档的描述，在百度一些内容的页面上，f12打开看
浏览器内核」也就是浏览器所采用的「渲染引擎」，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。渲染引擎是兼容性问题出现的根本原因。
5. body标签中的标签（重点）
内联标签、行内标签。
网页显示的主体内容，都在这里面写。
不加标签的纯文字也是可以在body中写的
<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除</s> # 中划线
<p>段落标签</p> #独占一个段落
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<br> # 换行
<hr> # 就是单独个一个水平线
6. 特殊字符
| 内容 | 对应代码 |
|---|---|
| 空格(html中默认是不显示空格的） | |
| > | > |
| < | < |
| & | & |
| ¥ | ¥ |
| 版权标识（写公司网站的时候会用到,一个圆圈里面有个c） | © |
| 注册（一个圆圈里面有个R） | ® |
