web安全从入门到精通【第二章---1】前端基础

最新推荐文章于 2024-07-26 09:20:52 发布

haohao-ing

最新推荐文章于 2024-07-26 09:20:52 发布

阅读量332

点赞数

文章标签： web 安全网络

本文链接：https://blog.csdn.net/weixin_48617547/article/details/107649883

版权

什么是前端
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、 截屏、记录键盘、访问内网页面、偷偷发送数据包出去去访问其他页面。

haohao-ing

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
web安全从入门到精通【第二章---1】前端基础

什么是前端 HTML最简单的架构 JS的妙用一、什么是前端Q：前端是什么？A：前端就是网页的展示页面的书写和排版，一个网页你所看到的内容就是前端。前端代码： HTML：（HTML叫做超文本标记语言是-一种用于创建网页的标准标记语言，是前端页面的骨架） CSS：（CSS叫做层叠样式表能够对网页中元素位置的排版进行像素级精确控制，拥有对网页对象和模型样式编辑的能力。） JS：（Javascript的简称，他是一种浏览器可以执行的脚本语言，功能..
复制链接

扫一扫