锐单电子商城 , 一站式电子元器件采购平台!
  • 电话:400-990-0325

Python总复习-下

时间:2023-01-25 05:30:00 1808zj圆形连接器omega压力变送器px5091407zj圆形连接器omega变送器os36somega压力变送器px602

目录

人工智能总目录网页链接

文章目录

9、Python-web前端

Day01-HTML-页面

1. Web

1. 什么是WEB
web就是基于B/S模式的应用程序 - 网页

WEB的典型的应用:

B/S : Browser / Server 浏览器与服务器交互模式
C/S : Client / Server 客户端与服务器交互模式
2. 组成
服务器 : 处理用户的请求(request)和响应(response)->提供数据支持
# 服务器的组成: 服务器,浏览器 和 通信协议组成
浏览器 : 代替用户向服务器发请求,解析数据->代替用户向服务器发送请求(User Agent)
通信协议 : 规范数据传输及打包的方式. - http
http : Hyper Text transfer protocal 超文本传输协议
3. Web 服务器
  1. 作用 :
1. 提供数据支持
2. 接收请求并响应
3. 提供数据安全功能
4. 产品 :
5. Apache
6. Tomcat
7. IIS - Internet Information Service
8. Nginx ...
9. 开发语言:
10. Java
11. PHP
12. ASP.net
13. Python (Django, flask...)
4. 浏览器
  1. 作用 :
1. 代替用户向服务器发送请求 接收响应数据并解析,以图形化界面展示给用户
2. 产品(主流) :
    1. Chrome - Google产品
    2. Safari - Apple产品
    3. IE - 微软产品
    4. Firefox - Mozilla 产品
    5. Opera - Opera产品 划分依据 :
6. 市场份额(决定每年排名)
7. 浏览器引擎(内核)不同
	渲染引擎:解析页面,控制渲染结果
JS引擎:解析脚本
1. 技术 : 前端开发 - 制作网页 
    HTML : 写页面结构 
    CSS : 写样式 
    JS : 写逻辑,实现用户交互 
    框架 : VUE Angular Node.js

2. HTML 概述

1.HyperText Markup Language
1. HyperText Markup Language
   超文本     标记  语言
   作用 : 通过标签的形式书写页面结构并且填充内容
   1. 超文本:具备特殊功能的文本就是超文本
      普通文本 a :普通字符a
      超文本 a :表示的是超链接功能

      普通文本 b :普通字符b
      超文本 b :表示文字加粗功能
   2. 标记:超文本的组成形式
      普通文本 a : a
      超文本 a : 
   3. 语言:语言有自己的语法规范
2. W3C:World Wide Web Consortium 万维网联盟
2. 标记
也叫标签或元素,标记页面结构和内容,配合CSS实现页面整体布局和美化
以<>为标志
3. 网页
在计算机中以.html 或 .htm 后缀标识 
网页文件的打开工具 - 浏览器 
开发工具 : 记事本, sublime,VSCode,editPlus,WebStorm,Hbuilder... 
调试工具 : 浏览器自带开发者工具,使用右键-'检查'打开,或者F12打开

3. HTML基础语法

1. 标签/标记
1. 所有的标签都以<>为标志,区分普通文本
2. 标签分类:
   1. 双标签 : 成对出现,有开始,有结束 语法 : <标签名> 标签内容(文本或其他标签) 
   2. 单标签 : 只有开始,没有结束,本身代表一定的意义或功能 
	语法 :
      <标签名>
         或
      <标签名/>
3. 标签嵌套
	在双标签中嵌套添加其他标签
4. 文档结构
   1. 网页文件以.html / .htm为后缀
   2. 添加双标签
   3. 在标签中嵌套一对,嵌套标签
5. 标签属性
   主要用来修饰当前你标签的显示效果,或者为元素及网页本身添加额外补充信息
   语法 :
   	<开始标签 属性名=属性值 属性名=值>
   注意 :
      1. 标签属性必须写在开始标签中
      2. 属性值必须使用引号引起来,单双引号都可以
      3. 多组属性之间使用空格隔开
6. HTML语法规范
   1. 标签名不区分大小写,建议统一使用小写
   2. 标签名不报错,如果缺少闭合标签,浏览器会自动添加闭合;
		标签名书写错误,不报错,只是丧失原有标签的效果及功能