本文内容：

  • 前端是什么？
  • 前端代码
  • HTML
  • CSS
  • JS

！！！醋成酒的小墨，促成就的小墨，小墨促成就，！！！

1，前端是什么？

　　网站一般用两部分组成，前端负责展示，后端负责处理请求。

2，前端代码：

　　HTML：是前端页面的骨架。

　　CSS：是前端页面的化妆师。

　　JS：是一种浏览器可以执行的脚本，功能非常强大。

注意：

　　渗透测试的特性是接触面广。

　　渗透测试在前端一般和HTML还有JS接触的比较多，CSS用到的很少。

3，HTML：HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签。　　

　　HTML标签是有尖括号包围的关键词

　　HTML标签通常是成对出现

　　HTML标签也有一类是自闭和标签

　　HTML标签可以定义一些属性值

　　格式：　　　　

　　<!DOCTYPE html> 　　　　　　　　　　声明H5

　　<html> 　　　　　　　　　　　　　　　  html代码开始标签

　　<head> 　　　　　　　　　　　　　　    头部开始标签

　　<meta charset="utf-8"> 　　　　　　　　 规定编码方式

　　<title>xxx</title> 　　　　　　　　　　　 规定title显示内容

　　</head> 　　　　　　　　　　　　　       头部结束标签

　　<body> 　　　　　　 　　　　　　　　   内容开始标签

　　<h1>xxx</h1> 　　　　　　　　　　　　 标题标签

　　<p>xxx</p> 　　　　　　　　　　　　　 段落标签

　　</body> 　　　　 　　　　　　　　　　  内容结束标签

　　</html> 　　　　　　　　　　　　　　    html代码结束标签

补充：　　

HTML是一门语言，标签有很多，不需要都记住，记住经常使用的就可以，不懂的标签去查询就可以。

JS：核心就是操作浏览器去做他规定的事情，JS可以操作你的浏览器

JS非常强大，应用的也非常广泛，但是实现功能可能需要很好的代码功底，

不过不要害怕，前辈已经开发了一些专门的攻击的脚本，初期我们只要能套着用就可以了。

注意：学会禁用js，能够发现一些未授权的访问漏铜。

与君共勉：

　　你想过普通的生活，

　　就会遇到普通的挫折，

　　你想过上最好的生活，

　　就一定会遏上最强的伤害。

　　这世界很公平，

　　你想要最好，

　　就一定会给你最痛。

网络安全从入门到精通 (第二章-1) Web安全前端基础的更多相关文章

  1. 网络安全从入门到精通 (第二章-6) 后端基础PHP—表单验证

    本文内容: 什么是表单? 如何创建一个表单: 接收并验证: PHP和数据库交互 1,什么事表单? 表单在网页中主要负责数据采集. 表单由三部分组成: 表单标签:这里面包含了处理表单数据所用动态脚本的U ...

  2. 网络安全从入门到精通(第二章-3)后端基础SQL— MySQL高级查询与子查询

    本文内容: MySQL的基础查询语句 链接查询 联合查询 子查询 渗透测试常用函数 1,MySQL基础查询语句: select * from 表 order  by ASC/DESC; ASC:从小到 ...

  3. 网络安全从入门到精通 ( 第二章-5) 后端基础PHP—简介及基本函数-下

    本文内容: 循环语句 PHP获取表单信息 PHP操作Mysql语句 语法SQL注入 1,循环语句: for循环: 语法:for($x=0,$x<10;$x++){执行语句;} 注意:$x++,先 ...

  4. 网络安全从入门到精通 (第二章-4) 后端基础PHP—简介及基本函数-上

    本文内容 什么是PHP PHP的基础语法 运算符 条件分支语句 1,什么是PHP? PHP(超文本预处理器)是一种通用开源语言,(是动态语言中的一种,动态语言还有ASP,ASPX,JSP). PHP语 ...

  5. 网络安全从入门到精通 (第二章-2) 后端基础SQL—MySQL数据库简介及SQL语法

    本文内容: 什么是数据库 常见数据库 数据库的基本知识 基本SQL语法 1,什么是数据库? 数据库就是将大量数据保存起来,通过计算机加工,可以高效访问的数据聚合. 数据库就是长期存储在计算机内,有组织 ...

  6. SaltStack 入门到精通第二篇：Salt-master配置文件详解

    SaltStack 入门到精通第二篇:Salt-master配置文件详解     转自(coocla):http://blog.coocla.org/301.html 原本想要重新翻译salt-mas ...

  7. ArcGIS for Desktop入门教程_第二章_Desktop简介 - ArcGIS知乎-新一代ArcGIS问答社区

    原文:ArcGIS for Desktop入门教程_第二章_Desktop简介 - ArcGIS知乎-新一代ArcGIS问答社区 1 Desktop简介 1.1 ArcGIS for Desktop ...

  8. 第一章 了解Web及网络基础

    第一章 了解Web及网络基础 Web建立基础.HTTP如何诞生发展 1.使用HTTP协议访问Web 在浏览器地址栏中输入URL之后过程: 1)DNS 解析:浏览器查询 DNS,获取域名对应的 IP 地 ...

  9. Google C++测试框架系列入门篇：第二章 开始一个新项目

    上一篇:Google C++测试框架系列入门篇:第一章 介绍:为什么使用GTest? 原始链接:Setting up a New Test Project 词汇表 版本号:v_0.1 开始一个新项目 ...

随机推荐

  1. haproxy笔记之一:Haproxy基本安装配置（反向代理，类似Nginx,可以代理tcp的连接,不只是http）(注意iptables和selinux的问题)

    1.安装haproxy yum -y install haproxy 2.配置文件 # this config needs haproxy- or haproxy- global log 127.0. ...

  2. jsPDF

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. Header函数和PHP_AUTH_USER做用户验证（转载）

    php Header PHP_AUTH_USER PHP_AUTH_PW 用户验证 在php中,可以使用Header函数做一些有趣的事情,用户验证就是其中一个很有意思的功能.具体用法: Header( ...

  4. idea如何打包项目(java)

    1.右击项目打开open module settings 2.依次打开 3.选择你的程序主入口 JAR files from libraies ①和设置库中的jar文件选择第一个打包时会把依赖库(li ...

  5. this.props

    React中的每一个组件,都包含有一个属性(props),属性主要是从父组件传递给子组件的,在组件内部,我们可以通过this.props获取属性对象

  6. Git学习小结 ~ Lethe's Blog

    学习自https://www.liaoxuefeng.com/wiki/896043488029600 一.创建版本库 (1) git init 初始化一个Git仓库 (2)添加文件到Git仓库,分两 ...

  7. 初窥Android AudioFlinger

    Android  AudioFlinger 是Android音频系统的两大服务之一,另一个服务是AudioPolicyService,这两大服务都在系统启动时有MediaSever加载,加载的代码位于 ...

  8. Gnome Ubuntu16安装Nvidia显卡396驱动，CUDA9.2以及cudnn9.2

    深度学习环境配置,安装Nvidia显卡驱动,CUDA以及cudnn OS:ubuntu 16.04;driver: nvidia 396;CUDA: 9.2cudnn: 9.2 卸载原有Nvidia驱 ...

  9. CSS 技巧汇总

    CSS 选择符优先级 !important 声明>内联样式(style)>id 选择符(#id)>类选择符(.class)＝伪类选择符(:hover )＝属性选择符([attr] ) ...

  10. 基础又重要的浮动（float）

    浮动 浮动的概念 什么是浮动,他在css中占据什么样的位置 网页布局的核心,就是用CSS来摆放盒子位置.如何把盒子摆放到合适的位置? 在css中有三种方式来定位位置 普通文档标准流方式 (默认方式) ...