编程学习解析：从C/S到B/S，理解HTTP与HTML5-优快云博客

本文链接：https://blog.youkuaiyun.com/shiqing4387/article/details/129182879

讨论：学习编程到底难不难

A. 1 * 5 = ?

B. 111 * 555 = ?

学习编程就是A->B的过程差距就是动手，不动手你学不会！

1. 了解软件架构

网络系统软件开发包括B/S与C/S两种结构都可以进行同样的业务处理
1. 什么是C/S
  1. C 客户端端 (client) / S 服务器 (server)
  2. 特点：
  - C/S软件通常需要特定的客户端来使用
  - 可以通过任意的协议进行通信
  - C/S软件的客户端有数据处理和存储的能力，可以把应用软件的计算和数据分配在客服端和服务器端。
  1. 什么是B/S
    1. B 浏览器 (browser) / S 服务器 (server)
    2. 特点：
      - B/S软件不需要特定的客户端。
      - 和服务器进行通信使用HTTP协议。
      - 它将所有的数据都存储在服务器上。

B/S软件的优缺点
1. B/S结构相比C/S结构哦使用起来比较方便，不需要下载特定的客户端。
2. B/S结构维护、升级更方便。
3. 成本低，不用开发特定的客户端。
4. 数据相对安全，因为已经存储在服务器上。
5. 应用服务器运行数据复合较重。

网站的功能已经彻底改革，从“静态内容”的展示转向“动态内容”的传递
1. 静态网站
  
  用户只能在网页中浏览不能做任何的数据性交换
2. 动态网站
  
  采用的数据库的开发模式

1.HTTP协议

超文本传输协议（Hyper Text Transfer Protocol）。
互联网上应用最广泛的一种网络协议。
设计HTTP的目的就是为了提供一种发布和接收HTML页面的方法。
HTTP就是用于从服务器传输超文本到本地浏览器的传输协议。

HTTP协议的简单工作过程
1. 浏览器首先通过网络访问服务器80端口和服务器建立连接。
2. 浏览器像服务器发送请求命令，并将自己的一些信息发送给浏览器，这些信息不明确显示出来。
- 发送请求时，HTTP协议可以通过多种方法进行请求的发送。
  - GET方法：用来请求、访问已经被URL标识的资源。我们在地址栏中输入的内容，默认使用GET方式传输。

服务器收到客户端发送的请求以后，服务器会回应客户端发送的请求。
返回的状态码：
- 200 表示成功
- 403 访问被拒绝
- 404 页面没找到
关闭客户端和服务器之间的连接。

2.URL

我们在浏览器的地址栏路面输入的网站地址就叫做URL（uniform resource locator）统一资源定位符

3.域名

域名就是一个名字，主要用来方便记忆服务器地址 127.0.0.1 www.lmonkey.com jd.com so.com

4.常看到的协议

https:// 带有安全套接的协议传输是加密的。
ftp:// 文件传输协议。
file:/// 本地文件协议

5. 小练习

https://www.lmonkey.com:8181/index/page/java.html?p=pname&u=username&pwd=abc

https:// 协议

www.lmonkey.com 域名

:8181 端口

index/目录

page/目录

java.html 文件

？表示传入的参数

p 参数名

= 参数值 pname

& 表示继续传入参数。

6. 动态网站开发所需要的构件

客户端浏览器

浏览器是万维网服务的客户端浏览程序，可以向万维网（world wide web）服务器发送各种请求，并对服务器发来的超文本信息和各种多媒体数据进行解释、显示和播放。
浏览器就是指显示网页服务器或者文件系统HTML文件内容，并让用户与这些文件交互的一种软件。网页浏览器主要通过HTTP协议和指定URL地址与网页服务器交互获取网页。
五大浏览器分类：
- IE
- CHROME 谷歌浏览器
- FIREFOX 火狐浏览器
- SAFARI 苹果浏览器
- OPERA 欧朋浏览器

超文本标记语言HTML（Hyper Text Markup Language）
- 超文本：不仅可以加入文字的文本文件，还可以加入链接、图片、声音、动画、影视等内容
- 标记语言：是在纯文本文件里面包含了HTML指令代码。这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言。
层叠样式表CSS
- 主要作用
  1. 增强网页样式信息
  2. 实现样式信息与代码分离
客户端脚本编程语言JavaScript
1. 在客户这一端执行的脚本语言。
  2. 专为网页交互而设计的脚本语言
  - 文档对象模型(DOM),提供访问和操作网页内容的方法和接口。
  - 浏览器对象模型(BOM),提供与浏览器交互的方法和接口。
web服务器
1. 主要功能是提供网上信息浏览服务。
  1. 目前web服务器有很多，常用的有：APACHE、IIS、TOMCAT、gws(谷歌)、Nginx等。
  2. APACHE：充满补丁的服务器软件，由NCSAhttpd服务器经过多次修改而得来的。
  3. Nginx:是一个很强大的高性能web服务器。是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点开发的
服务器端脚本编程语言
1. 常用的服务器端脚本编程语言：PHP、JSP、ASP
2. PHP是一种创建动态交互性站点强有力得服务器脚本语言，免费，并且使用广泛。
数据库管理系统
1. MySQL数据库：开源免费。

2. 了解HTML发展路程

1993年，IETF发布HTML1.0版本(Internet工程任务组)。
1995年，W3C接管，发布HTML2.0版本(表格布局)。
1996年，w3c发布HTML3.2版本。
1997年，W3C发布HTML4.0版本。
1999年，W3C发布HTML4.01版本(最终使用版)。
- 线路1：XHTML版本（严格版本）
  - 2000年，W3C发布XHTML1.0版本。
  - 2001年，W3C发布XHTML1.1版本。
- 线路2：HTML5版本（所有浏览器厂商一起研发）
2004年，WHATWG 发布了HTML5草案
2004~2008年，W3C和WHATWG
？现今为止HTML5依旧没有发布(2019 HTML、2020 HTML)

3. HTML5到底是什么

HTML5标签 + CSS3 + JavaScript + API ≈ HTML5

4. 如何创建HTML文件

文档的命名规则
- 不允许使用特殊字符
- 可以以中文命名，但是不推荐使用中文。
- HTML文件名推荐使用小写。girl.html
- 注意：如果创建完HTML文件后依然是文本文件格式，那么需要将系统里隐藏已知文件扩展名勾选掉

5. HTML标签相关

1. HTML标签

标签是HTML的最基本单位，也是最重要的组成部分，通常使用两个角括号括起来的"<"和“>”.

标签有两种形式：
1. 成对标签(双标签)
```
<p>内容</p>
```
2. 不成对标签(单标签)
```
<hr />
```

2. HTML标签大小写问题

标签大小写无关，与表示意思一样。HTML标签推荐使用小写

3. HTML标签属性

HTML属性一般都出现在HTML标签中，是HTML标签的一部分。
标签可以有属性，包含了额外的信息，属性的值一定要在双引号中。而且标签还可以存在多个属性。
一般属性由属性名和属性值成对出现：
语法：<标签名属性名1=“属性值” 属性名2=“属性值”></标签名>

4. HTML颜色值得设置

浏览器支持颜色名称集合，颜色值是一个关键字或者一个RGB格式的数字，在网页中都用的很多。
使用英文单词作为颜色值：
- red 红色 | green 绿色 | blue 蓝色 | pink | purple
六位的十六进制颜色值： R G B
- #00f # 00 00 ff
- 前两位表示红色，中间两位表示绿色，最后两位表示蓝色

5.HTML注释

注释的好处
- 方便查找、比对、方便其他程序员快速了解你的代码，方便以后自己对自己代码的理解和修改。
- 注释的内容不会被浏览器解析出来
- 格式：
```

```

6.HTML代码格式

任何回车或者空格在源代码中都不起作用，所以在编写HTML代码时，都可以使用回车或者空格进行代码排版，这样可以使代码清晰偏于团队合作、必须保持严格的缩进规则，缩进以tab键为准

7. HTML实体字符

&nbsp; 空格
&lt; <
&gt; >
&copy; 版权符号