跳转
跳转到前端的锚
跳转到自己写的一个服务端
跳转到html
跳转到底部
前端的的锚点
前端 内容的展示browser
后端 逻辑的处理
请求和响应：
html 显示的内容
css 样式 美化
js 动态效果
HTML 超文本标记语言 图片、视频、音频
标记 标签 标记
d
标签的分类：
块级标签 h1-h6
行内（内联）标签 span
br 换行
b strong 加粗
i em 斜体
s del 删除线
u 下划线
img 图片 src(来源): 网络地址/本地路径、alt:图片的提示 、宽度 、 height:高度
a anchor 锚 超链接
href 锚点
网址 <a href="https://www.mi.com/" target="_blank">小米官网</a> 回到顶部 <a href="#">回到顶部</a>
回到底部： <a href="#xxx">跳转到底部</a>
页面锚点： 标签添加id 、 a标签加name
target： _self(默认) 当前页面刷新 _blank 新建一个页面窗口
HTML标签：
head 一个的思维
meta 元信息
charset 编码
description 描述
Keywords 关键字
title 标题
<style></style> <!-- css -->
<link rel="stylesheet" href=""> <!-- 连接 -->
<script></script> <!-- js -->
body 一个人的身体
自己写的一个服务端
import socket
sk = socket.socket()
sk.bind(('127.0.0.1', 9999))
sk.listen()
conn, addr = sk.accept()
data = conn.recv(1024)
print(data)
conn.send(b'HTTP/1.1 200 OK
')
conn.send("""<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="gbk">
<title>Title</title>
</head>
<body>
国庆已经结束了！
</body>
</html>""".encode('GBK'))
conn.close()
sk.close()
html
<!doctype html>
<html lang="en">
<head>
<!-- <meta charset="UTF-8">-->
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<!-- <meta http-equiv="refresh" content="2;URL=http://www.luffycity.com">-->
<title>Document</title>
</head>
<body>
<a href="#ddk1">跳转到DDK1</a>
<a href="#xxx">跳转到底部</a>
<h1>这是h1标签</h1><h2>这是h2标签</h2><h3>这是h3标签</h3><h4>这是h4标签</h4><h5>这是h5标签</h5><h6>这是h6标签</h6>
<span>国庆 <b>国庆</b> <strong>国庆</strong> <i>国庆</i> <em>国庆</em> <del>国庆</del> <s>国庆</s> <u>国庆</u> </span>
<br>
<span>结束了</span>
<h1>这是h1标签</h1><h2>这是h2标签</h2><h3>这是h3标签</h3><h4>这是h4标签</h4><h5>这是h5标签</h5><h6>这是h6标签</h6>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1570531325209&di=dbd6c0f2baf4f2ade9879ba62009c598&imgtype=0&src=http%3A%2F%2Fimages.zi.org.tw%2Fkocpc%2F2019%2F02%2F1550196726-ef590f7d53d3457f2f87ff6482f0b91b.jpg" alt="" ></body></html>
<a href="https://www.mi.com/" target="_blank">小米官网</a>
实例
<!doctype html>
<title>Document</title>
这是h1标签
这是h2标签
这是h3标签
这是h4标签
这是h5标签
这是h6标签
国庆 国庆 国庆 国庆 国庆 国庆 国庆 国庆
结束了
