python_web

WEB概述：
 1、什么是WEB
 1、WEB就是互联网上的一种应用程序（网页程序）
 2、程序结构：
 1、C/S: C：Client 客户端， S：Server 服务器
 1、缺点：需要经常更新
 2、B/S：B：Browser 浏览器，S：Server 服务器
 3、WEB的组成和运行流程
 1、web组成：浏览器，服务器，和通信协议组成
 1、浏览器：代替用户向服务器发送请求（User Agent）
 2、服务器：接收用户请求并给出响应
 3、通信协议：规范了请求和响应数据是如何打包以及传递的（http协议）
 HTTP：Hyper Text Transfer Protocal（超文本传输协议）
 4、web服务器：
 1、服务器的作用：
 1、用于接收用户的请求并给出响应
 2、存储web的信息（视频等）
 3、具备安全性能功能（密码需要加密等）
 2、产品：
 1、Apache
 2、Tomcat
 3、IIS
 4、Nginx
 3、技术：
 1、Python Web
 2、JSP
 3、PHP
 4、ASP.NET
 5、WEB浏览器：
 1、作用：
 1、代替用户向服务器发送求情
 2、作为响应数据的解释和执行引擎
 2、主要浏览器产品：
 1、Microsoft IE（Internet Explorer）
 2、Google Chrome
 3、Mozilla Firefox
 4、Apple Safari
 5、Opera Opera
 3、浏览器靠内核处理数据，内核包括以下两个部分：
 1、内容排版引擎——HTML，CSS
 2、脚本解释引擎——JavaScript
 4、浏览器技术
 1、HTML
 2、CSS
 3、JavaScript

HTML概述
 1、HTML介绍和基础语法
 1、什么是HTML
 Hyper Text Markup Language（超级本文标记语音）
 1、超文本：具有特殊功能的文本
 示例：
 1、普通文本 a：普通字符a ；b：普通字符b
 2、超级文本 a：表示超级连接功能；b：表示加粗功能
 2、标记：超文本的组成形式
 示例：
 1、普通文本 a：a
 2、超级文本 a：<a></a>
 3、HTML是由W3C负责制定和推广规范的
 1、W3C：World Wide Web Consortium（万维网联盟）
 2、HTML在计算机中的表现
 1、HTML在计算机中以.html 或者.htm 为结尾的文件存在的
 2、开发工具：所有的文本编辑软件
 1、Windows 记事本
 2、Editplus，Sublime
 3、Webstorm，Dreamweaver，...
 3、运行工具：浏览器
 3、标记的语法规范
 1、什么是标记
 在网页中用于表示功能的符号称为‘标记’/'标签'/‘元素’
 2、语法
 1、标记在使用过程中，需要用<>括起来
 2、标记分为双标记和单标记
 1、双标记
 1、双标记是有显示的开始和结束标记组成的，<标记>内容</标记>
 2、示例：
 1、<s>删除线</s>
 2、加粗
 3、注意：有开始，必须有结束，否则会产生意想不到的效果
 2、单标记
 1、只有一个标记，既要表示开始，也能表示结束
 2、语法：<标记> 或者 <标记/>
 3、示例
 1、 或 ：换行
 2、<hr> 或 <hr/>：一条水平线
 3、<img> 或 <img/>:图片
 4、<input> 或 <input/>:表单空间
 3、标记的嵌套
 1、在一对标记中，又出现了其他的标记，相当于就是功能的嵌套
 2、示例：
 <s>
 文本内容
 </s>
 3、注意：标记嵌套时一定要注意格式问题：
 1、被嵌套的内容一定要加缩进
 4、标记的属性和值
 1、什么是属性
 1、在标记中，属性是用来修饰标记的显示效果的
 2、语法：
 1、属性必须要声明在开始标记中
 2、属性和标记之间要用空格隔开
 3、属性和值之间要使用=号连接，值要用‘’或者“”号引起来
 4、一个元素允许设置多个属性，并且排名不分先后，多属性之间用空格隔开
 5、HTML中的注释：
 1、
 2、注意：
 1、注释不能出现在<>中
 2、注释不能嵌套
 2、HTML文档结构
 1、文档类型声明
 1、出现在网页最顶端的第一个标记
 2、作用：告诉浏览器使用的是HTML的哪个版本
 示例：<!doctype html>:h5的文本声明，不区分大小写
 2、html页面：
 1、在文档类型声明之下，使用一对<html></html>根标记来表示页面
 2、html根标记要包含两对子标记：
 1、<head></head>:表示网页头部信息
 2、<body></body>:表示网页的主体，显示给用户看的内容
 3、<head></head>元素
 1、<title>标题</title>
 2、<meta charset='utf-8'/>:指定网页内容的编码格式,此处需要与html文件保存的编码一致
 3、指定网页的关键字——面向搜索引擎(用户看不到)，营销网站必须有的
 <meta name='keywords' contnet='关键字1，关键字2，关键字3'>
 4、指定网页的描述文本——面向搜索引擎
 <meta name='description' content='描述的内容一般大概100字之内字之内'>

<!doctype html>
<html>
    <head>
        <meta charset="utf-8"/>
        <meta name='keywords' content="减肥，减肥妙招，一天瘦十斤"/>
        <meta name='description' content='还在为肥胖而感到苦恼吗？'/>
        <title>我的第一个网页</title>
    </head>
        <body>
    </body>
</html>

HTML标记
 1、文本
 1、HTML中的特殊字符
 1、&nbsp：表示一个空格，多个&nbsp之间用；分号分开
 2、&lt：表示一个<
 3、&gt：表示一个>
 4、&copy：表示一个©（copyright）
 5、&yen：表示￥

　　　 6、注意：使用&lt和&gt生成的尖括号将失去原有标签的功能

&lt;p&gt;&lt;/p&gt;&nbsp;&nbsp;&nbsp：在网页中表示的是一个段落元素&copy版权所有：&yen:9999
<p></p>   ：在网页中表示的是一个段落元素©版权所有：¥:9999

2、文本样式标记
 1、作用：改变文本在网页中的表现形式
 2、标记：
 1、：斜体
 2、：下划线
 3、<s></s>：删除线
 4、：加粗
 5、：上标
 6、：下标
 7、特点：以上标记允许与其他文本内容在一行内显示

这是一段有<b>加粗</b>，<i>斜体</i>，<s>删除线</s>，<u>下划线</u>，上<sup>标</sup>，下<sub>标</sub>的文本
这是一段有加粗，斜体，删除线，下划线，上

^标

，下

_标

的文本

3、标题标记
 1、语法：<h#></h#> ,#表示1-6
 2、特点：
 1、改变文字的大小以及加粗效果
 2、每个标题都具备垂直的空白距离
 3、每个标题独占一行
 4、每个标题都具有一个属性
 1、属性：align
 2、值：
 1、left:居左显示（默认）
 2、center：居中显示
 3、right：居右显示

<h1 align='center'>静夜思</h1>
<h2 align="center">李白</h2>
<h3 align="right">床前明月光</h3>
<h4 align="left">疑是地上霜</h4>
<h5>举头望明月</h5>
<h6>低头思故乡</h6>

4、段落元素：
 1、作用：突出显示一段文本
 2、特点：
 1、独占一行
 2、每个元素有具备垂直空白距离
 3、语法：
 1、属性：alig
 2、值：left/center/right
 3、特点：不能嵌套块级元素
 5、换行元素： 或者 
 6、水平线元素：<hr> 或者 <hr/>
 7、分区元素：
 1、块分区元素
 标记：<div></div>
 特点：独占一行，可以嵌套任何内容
 属性：align（取值：left/center/right）
 作用：布局
 2、行内分区元素
 标记：
 特点：能在一行中显示多个，只能嵌套文本，i，u，s，b，等元素
 作用：设置同一行文本的不同样式
 8、行内元素与块级元素
 1、按照元素不同的表现形式，对元素进行一个类别的划分
 2、块级元素：
 1、在网页中能独占一行的元素都是块级元素
 2、比如：p，div， h1～h6，
 3、特点：块级元素都有align属性
 3、行内元素：
 1、多个元素能够在一行内显示的，都是行内元素
 2、比如：span，i，b，s，u，sup，sub等元素

猜你喜欢