- 什么是前端
- HTML最简单的架构
- JS的妙用
一、什么是前端
Q:前端是什么?
A:前端就是网页的展示页面的书写和排版,一个网页你所看到的内容就是前端。
前端代码:
HTML:(HTML叫做超文本标记语言是-一种用于创建网页的标准标记语言,是前端页面的骨架)
CSS:(CSS叫做 层叠样式表能够对网页中元素位置的排版进行像素级精确控制,拥有对网页对象和模型样式编辑的能力。)
JS:(Javascript的简称,他是一种浏览器可以执行的脚本语言,功能非常强大。)
【渗透测试在前端一般和HTML还有JS接触的比较多,CSS用到的很少】
二、HTML最简单的架构
1、HTML标签是由尖括号包围的关键词,比如<html>
2、HTML标签通常是成对出现的,比如<b>和</b>
3、<!DOCTYPE html>声明h5
4、<html> html代码开始标签
5、<head> 头部开始标签
6、<meta charset="tf-8">规定编码方式
7、<title>你好,HTML</title> 规定title显示什么
8、</head> 头部结束标签
9、<body> 内容开始标签
10、<h1>我的第-个标题</h1> 标题标签
11、<p>我的第一个段落</p> 段落标签
12、</body> 内容结束标签
13、</html> html代码结束标签
有一类标签叫做自闭合标签(看到标签最后有一个/就是)eg:加载图片的<img />、换行<br/>、水平线<hr/>
三、JS的妙用
Js可是大大的扩展前端页面与用户交互的功能,Js其实核心就是操作的你的浏览器去做他规定的事情,很明显Js可以操纵你的浏览器,这个是一个很危险的事情,所以说如果你执行了恶意的Js代码会影响你电脑的安全性。
Eg:
弹框: alert()、 读取自动填充的密码:document. getElementByld('pwd"),value、 截屏、记录键盘、访问内网页面、偷偷发送数据包出去去访问其他页面。