2021-8-2python学习日志——前端

前端

什么是前端

'''
	只要是跟用户打交道的界面都称为前端
	
	什么是后端?
		python代码、java、Go、PHP、nodejs =》 (一堆后端代码)
		
'''

为啥学前端

'''
	为了赚钱
	全栈开发
		python、前端、mysql、linux、docker
	前端需要学到什么程度?
		可以看懂别人学的一些简单页面、
		并且能够调试一些或者写一些基本的简单页面,
		再学一些配套后端代码的前端代码
	
'''

前端需要学什么

'''
	1.HTML:就是网页的骨架,没有任何的样式
	2.CSS:给网页添加样式
	3.JavaScript:让网页动起来
	
	前端的框架:bootstrap、jQuery、Vue、react.js、angular.js
	
'''

软件的开发架构

C/S
B/S

在浏览器中输入网址,发生了什么事?

'''
	1.浏览器向服务器发起请求
	2.服务端接受请求
	3.服务端处理并返回结果
	4.返回给浏览器,浏览器按照特定的规则渲染数据到页面中,展示给用户
		
'''
	浏览器如何识别不同的服务器?
    	1.一定是返回的数据格式遵循浏览器规则
        	规则:HTTP协议
        2.

HTTP协议

超文本传输协议
	规定浏览器和服务端数据交互的格式
	
# 特性
	1.基于请求响应
	2.在TCP/IP协议之上的应用层协议
	3.无状态
    	就是指不能保存用户信息
		为了保存用户信息,又诞生的新技术来保存用户信息
        	eg:cookie、session、token...
	4.短链接
    	
    	ps:长链接
            场景:即时通讯
# 请求数据格式
	1.请求首行(请求方式,协议版本)
	2.请求头(k:v键值对)
	3.\r\n
	4.请求体
    	# ps:get请求没有请求体,post请求有请求体
# 响应数据格式
	1.响应首行(协议版本)
	2.响应头(k:v键值对)
	3.\r\n
	4.响应体
# 响应状态码
	就是用一个数字代表具体含义
    	1xx 请求成功,但还可以继续提交数据
        2xx	请求成功
        3xx	重定向 301 302
        4xx 404资源不存在 403权限不够 
        5xx 500服务器内部错误
        
# 请求方式
	1.get
		向服务器要数据的
	2.post
    	向服务器提交数据的
	

HTML的文档结构

<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
</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>

# div span
# 这两个元素是专门为定义CSS样式而生的。

标签的分类

1. 块儿级元素
	独自占一行的标签,我们成为块儿级元素
    eg: p, h1~h6,div
2. 行内元素
	自身文本有多大,就占多大
    eg: i, u, s, b ,span
        

标签的嵌套

# 关于标签嵌套:通常块级元素可以包含内联元素或某些块级元素,但内联元素不能包含块级元素,它只能包含其它内联元素。

# p标签不能包含块级标签,p标签也不能包含p标签
img标签
<img src="123.png" alt="">

1. src
	1)外链地址
    2)本地地址
2. alt
	当图片加载失败的时候,写一些描述性信息
3.title
	当鼠标悬浮显示的提示信息
    # 注意:所有标签都有该属性
4. 设置图片大小
	width:200
    height:200
    # 注意:两个值最好写一个,默认是等比例缩放或者放大
a标签
<a href="http://www.baidu.com" title="这是a标签" target="_blank">点我</a>
1. title
	当鼠标悬浮显示的提示信息
2. target
	_self : 默认当前标签页
    _blank : 另开一个新的标签页
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值