目录
一.介绍
1.什么是前端
2.什么是后端
3.为什么要学习前端
4.前端学习哪些内容
二.HTTP协议
1.HTTP协议的四大特性：
2.响应状态码
三.HTML介绍
1.什么是html标签
2.html文档介绍
3.如何打开html文档
4.head标签中常用的标签
5.body中常用的标签
一.介绍
1.什么是前端
前端是所有跟用户直接打交道的都可以称之为是前端语言
例如：网页
2.什么是后端
就是一堆代码，用户不能够直接看到，不直接与用户打交道的称之为是后端语言
常见的后端：python，java等
3.为什么要学习前端
学了前端以后我们就可以做全栈工程师（会后端，会前端，会DB，会运维等）
我们只需要学习写一些简单的页面、会调试别人写的页面和看懂别人写的页面代码即可
4.前端学习哪些内容
- HTNL：网页骨架，只是负责显示一些内容，但是显示出来的内容不好看，没样式
- CSS：对页面骨架的美化，让页面变得好看
- JavaScript：html、css都是静态的，JS能够让网页动起来，变得更加美观
- bootstrap、jQuery
称之为三剑客
二.HTTP协议
1.HTTP协议的四大特性：
- 基于请求和响应的（有请求，有响应）
- 它是基于TCP协议之上的应用层协议
- 无状态：就是这个协议他不能够在浏览器里保存数据，现在使用的像是淘宝、京东之类的网站都需要登录，这些数据是靠cookie、session、token、jwt等保存的
- 短链接
请求数据
请求首行（请求方式、协议和版本号）
请求头（一大堆的K:V键值对）
换行符（\r\n）
响应数据
响应首行（响应状态码）
响应头（一大堆K:V键值对）
换行符（\r\n）
请求方式
有很多种，现在只学两种
get"""当朝服务端索要数据的时候，一般使用get请求方式"""https://huodong.taobao.com/wow/a/act/tao/dailyact/4634/wupr?spm=a21bo.jianhua.201867-main.1.5af92a89NWpkvM&wh_pid=dailyAct-257518https://huodong.taobao.com/index/v1/?k=v&k1=v1&k2=v2https://huodong.taobao.com/funcdef index()# 需要参数?def func()post"""当朝服务端提交数据的时候，一般采用post请求"""post请求，参数在哪里传递?面试题：get和post的区别?1. get:索要数据的时候使用传参方式：在网址栏的问号后面：key=value的键值对方式数据传递不安全数据传递的时候，携带的数据量是有限制的，大概4KB左右的数据2.post：提交数据的时候使用在请求体里面数据传递更加安全数据传递没有限制，想传多少传多少2.响应状态码
使用一个特殊的数字代表一串复杂的描述性信息
1XX：代表的是请求数据成功，但是这个时候还可以继续往服务端提交数据
2XX：200 OK 代表的是请求成功
3XX：301 302 代表的是重定向
4XX：404 Not Found 代表的是资源找不到
5XX：500 502 和404差不多，代表的是服务器内部错误
三.HTML介绍
1.什么是html标签
你在网页中所能够看到的东西都是HTML标签
<h1>hello python</h1>
<h5>hello python</h5>
<a href='http://baidu.com'>click me</a>
<img src=''>2.html文档介绍
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title></head>
<body></body>
</html><head> 标签里面写的内容一般不是让用户看的，给程序员看的
<body> 标签才是用户看的，在body里面写什么，浏览器就显示什么，head里面写的代码是对body中的代码做控制3.如何打开html文档
1. 直接点击pycahrm右上角的浏览器图标
2. 直接找到文档所在的位置，右键选择使用浏览器打开即可
"""浏览器就是前端的解释器，所有的前端代码都是有浏览器来翻译的"""
4.head标签中常用的标签
<title>Title</title> 就是浏览器标签页上显示的内容<title>Title</title>
<!-- <style>-->
<!-- /*写css样式的*/-->
<!-- a {-->
<!-- color: red;-->
<!-- }-->
<!-- </style>--><link rel="stylesheet" href="my.css">
<!-- <script>-->
<!-- alert(123)-->
<!-- </script>--><script src="my.js"></script>5.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>
# 特殊字符内容 对应代码空格 > >< <& &¥ ¥版权 ©注册 ®
