CTF—WEB基础篇

01-HTML（文本标记语言）

标题

<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>

复制

段落

<p>这是一个段落。</p>
<p>这是另外一个段落。</p>

复制

链接

<a href="URL">这是一个链接</a>

复制

图像

<img src="/images/logo.png" width="258" height="39" />

复制

02-JavaScript简介&&作用

简介

JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

作用

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

JavaScript 很容易学习。

03-CSS简介&&作用

什么是CSS？

“CSS是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。主要用来设计网页的样式，美化网页；它不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。”

作用

CSS 指层叠样式表 (Cascading Style Sheets)

样式定义如何显示 HTML 元素

样式通常存储在样式表中

把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题

外部样式表可以极大提高工作效率

外部样式表通常存储在 CSS 文件中

多个样式定义可层叠为一个

04-MySQL简介&&作用

数据库：顾名思义，存放数据的仓库，主要存储你的空间的各种数据，包括（文章，图片，用户信息得），一个动态的网站，基本上是在页面上看到的所有的数据都是存放到数据库里的，你也不需要想的那么多，数据库只是存放数据的，你的php源码程序不会存放到数据库中，并且你的源码程序也不会出现在服务器上，服务器上放的都是经过编译后的文件。

05-了解PHP作用

PHP即“超文本预处理器”，是一种通用开源脚本语言。PHP是在服务器端执行的脚本语言，与C语言类似，是常用的网站编程语言。PHP独特的语法混合了C、Java、Perl以及 PHP 自创的语法。利于学习，使用广泛，主要适用于Web开发领域。

PHP的作用是什么？

PHP是一种服务器端脚本语言，一种常用于Web应用程序开发的脚本语言，可以动态生成网页。与其他编程语言相比，PHP更加规范并且语法简单易学。

能够干什么？

1. 收集表单数据：

关于这一点，表单是编程常用的数据输入界面。表单提交时通常使用get或者post两种方法将数据发送给php程序脚本进行处理。

1. 生成动态网页：

php运行在服务端，可以通过用户在客户端不同的请求，运行不同的脚本后，动态输出用户请求内容。简言，客户端-请求-->php服务端-运行输出-->客户端，这个过程客户端看不到php程序运行过程。

1. 字符串处理：

编程大部分时间而言都是在操作字符串，字符串处理技能就是必备的一项能力。而php把字符串作为一项基本数据类型来处理。

1. 动态输出图像：

php通过使用GD扩展库来动态输出图像。例如，文字按钮、验证码、数据统计图、编辑图像、缩略、添加水印等等。

1. 处理服务器端文件系统：

利用文件系统操作函数，操作服务器中的目录或文件。包括打开、编辑、复制、创建、删除和文件属性等操作。

1. 编写数据库支持的网页：

其实就是利用php脚本运行来与数据库进行交互的过程。首先是用户请求，然后php运行与数据库交互，将交互结果集反馈给客户端用户。

1. 会话跟踪控制：

HTTP协议是个无状态协议，没有机制维护两个事物间的状态。所以php使用会话控制的思想来跟踪用户，以求达到用户请求一个页面后在请求另一个页面时，知道是来自同一个用户的请求。常见的就是各大网站中保存登录设置以及各种商城中的购物车，在一个周期内为用户保存这些信息。

1. 处理XML/json文件

简单说，就是通过php通过各种扩展来对这些文件进行处理。

1. 支持利用大量网络协议：

php支持利用各种协议服务，并可以开放原始网络端口，使各种协议可以协同工作。

10、服务器端的其他操作

06-GET&&POST区别

POST和GET都是向服务器提bai交数据，并且du都会从服务器获取数据。

区别：

1. 传送方式：get通过地址栏传输，post通过报dao文传输。

2. 传送长度：get参数有长度限制（受限于url长度），而post无限制

3. GET和POST还有一个重大区别，简单的说：

GET产生一个TCP数据包；POST产生两个TCP数据包

长的说：

对于GET方式的请求，浏览器会把http header和data一并发送出去，服务器响应200（返回数据）；

而对于POST，浏览器先发送header，服务器响应100 continue，浏览器再发送data，服务器响应200 ok（返回数据）。

也就是说，GET只需要汽车跑一趟就把货送到了，而POST得跑两趟，第一趟，先去和服务器打个招呼“嗨，我等下要送一批货来，你们打开门迎接我”，然后再回头把货送过去。

因为POST需要两步，时间上消耗的要多一点，看起来GET比POST更有效。因此Yahoo团队有推荐用GET替换POST来优化网站性能。但这是一个坑！跳入需谨慎。为什么？

1. GET与POST都有自己的语义，不能随便混用。

2. 据研究，在网络环境好的情况下，发一次包的时间和发两次包的时间差别基本可以无视。而在网络环境差的情况下，两次包的TCP在验证数据包完整性上，有非常大的优点。

3. 并不是所有浏览器都会在POST中发送两次包，Firefox就只发送一次。

建议：

1. get方式的安全性较Post方式要差些，包含机密信息的话，建议用Post数据提交方式；

2. 在做数据查询时，建议用Get方式；而在做数据添加、修改或删除时，建议用Post方式；

案例：一般情况下，登录的时候都是用的POST传输，涉及到密码传输，而页面查询的时候，如文章id查询文章，用get 地址栏的链接为：page.php?id=11，用post查询地址栏链接为：page.php， 不会将传输的数据展现出来。

07-URL构造

http://thecat.top:80/cat/index.php?userID=1&passwordID=123456#OK

从上面的URL中不难看出，一个完整的URL包括以下几部分：

1. 协议部分：该URL的协议部分为“http：”，这代表网页使用的是HTTP协议。在Internet中可以使用多种协议，如HTTP，FTP等等本例中使用的是HTTP协议。在"HTTP"后面的“//”为分隔符

2. 域名部分：该URL的域名部分为“thecat.top”。一个URL中，也可以使用IP地址作为域名使用

3. 端口部分：跟在域名后面的是端口，域名和端口之间使用“:”作为分隔符。端口不是一个URL必须的部分，如果省略端口部分，将采用默认端口80

4. 虚拟目录部分：从域名后的第一个“/”开始到最后一个“/”为止，是虚拟目录部分。虚拟目录也不是一个URL必须的部分。本例中的虚拟目录是“/cat/”

5. 文件名部分：从域名后的最后一个“/”开始到“？”为止，是文件名部分，如果没有“?”,则是从域名后的最后一个“/”开始到“#”为止，是文件部分，如果没有“？”和“#”，那么从域名后的最后一个“/”开始到结束，都是文件名部分。本例中的文件名是“index.php”。文件名部分也不是一个URL必须的部分，如果省略该部分，则使用默认的文件名

6. 锚部分：从“#”开始到最后，都是锚部分。本例中的锚部分是“OK”。锚部分也不是一个URL必须的部分

7. 参数部分：从“？”开始到“#”为止之间的部分为参数部分，又称搜索部分、查询部分。本例中的参数部分为“userID=1&passwordID=123456#OK”。参数可以允许有多个参数，参数与参数之间用“&”作为分隔符

08-WEB SERVER构造

一般来说，Web服务器通常由以下几个部分组成：

（1）服务器初始化部分。这部分主要完成Web服务器的初始化工作，如建立守护进程，创建TCP套接字，绑定端口，将TCP套接字转换成侦听套接字，进入循环结构，等待接收用户浏览器的连接。

（2）接收客服端请求。由于客户端请求以文本行的方法实现，所以服务器一般也以文本行为单位接收。

（3）解析客户端请求。这部分工作比较复杂，需要解析出请求的方法，URL目标，可选的查询信息及表单信息。如果请求方法为HEAD，则简单的返回响应首部即可；如果方法是GET，则首先返回响应首部，然后将客户端请求的URL目标文件从服务器磁盘上读取，再发送给客户端；如果是POST，则比较麻烦，首先要调用相应的CGI程序，然后将用户表单信息传给CGI程序，CGI程序根据表单内容完成相应的工作，并将结果数据返回。

（4）发送相应信息之后，关闭与客户机的连接。

传输：客户端（浏览器）——>>服务端（服务器）——>>容器（PHP ASP JSP）——>>数据库

返回：数据库——>>容器脚本——>>服务端——>>客户端

   网络安全入门学习路线

其实入门网络安全要学的东西不算多，也就是网络基础+操作系统+中间件+数据库，四个流程下来就差不多了。

1.网络安全法和了解电脑基础

其中包括操作系统Windows基础和Linux基础，标记语言HTML基础和代码JS基础，以及网络基础、数据库基础和虚拟机使用等...

别被这些看上去很多的东西给吓到了，其实都是很简单的基础知识，同学们看完基本上都能掌握。计算机专业的同学都应该接触了解过，这部分可以直接略过。没学过的同学也不要慌，可以去B站搜索相关视频，你搜关键词网络安全工程师会出现很多相关的视频教程，我粗略的看了一下，排名第一的视频就讲的很详细。 当然你也可以看下面这个视频教程仅展示部分截图： 学到http和https抓包后能读懂它在说什么就行。

2.网络基础和编程语言

3.入手Web安全

web是对外开放的，自然成了的重点关照对象，有事没事就来入侵一波，你说不管能行吗！ 想学好Web安全，咱首先得先弄清web是怎么搭建的，知道它的构造才能精准打击。所以web前端和web后端的知识多少要了解点，然后再学点python，起码得看懂部分代码吧。

最后网站开发知识多少也要了解点，不过别紧张，只是学习基础知识。

等你用几周的时间学完这些，基本上算是具备了入门合格渗透工程师的资格，记得上述的重点要重点关注哦！ 再就是，要正式进入web安全领域，得学会web渗透，OWASP TOP 10等常见Web漏洞原理与利用方式需要掌握，像SQL注入/XSS跨站脚本攻击/Webshell木马编写/命令执行等。

这个过程并不枯燥，一边打怪刷级一边成长岂不美哉，每个攻击手段都能让你玩得不亦乐乎，而且总有更猥琐的方法等着你去实践。

学完web渗透还不算完，还得掌握相关系统层面漏洞，像ms17-010永恒之蓝等各种微软ms漏洞，所以要学习后渗透。可能到这里大家已经不知所云了，不过不要紧，等你学会了web渗透再来看会发现很简单。

其实学会了这几步，你就正式从新手小白晋升为入门学员了，真的不算难，你上你也行。

4.安全体系

不过我们这个水平也就算个渗透测试工程师，也就只能做个基础的安全服务，而这个领域还有很多业务，像攻防演练、等保测评、风险评估等，我们的能力根本不够看。

所以想要成为一名合格的网络工程师，想要拿到安全公司的offer，还得再掌握更多的网络安全知识，能力再更上一层楼才行。即便以后进入企业，也需要学习很多新知识，不充实自己的技能就会被淘汰。

从时代发展的角度看，网络安全的知识是学不完的，而且以后要学的会更多，同学们要摆正心态，既然选择入门网络安全，就不能仅仅只是入门程度而已，能力越强机会才越多。

尾言

因为入门学习阶段知识点比较杂，所以我讲得比较笼统，最后联合CSDN整理了一套【282G】网络安全从入门到精通资料包，需要的小伙伴可以点击链接领取哦！ 网络安全重磅福利：入门&进阶全套282G学习资源包免费分享！