导图社区前端基础

前端基础

本思维导图帮助你了解网站前端基础，明白展示在我们面前的页面是怎么生成的，喜欢的小伙伴可以点个赞哦！

提示: 本内容由社区用户上传并分享。平台不对内容的真实性、合法性、知识产权归属及是否侵害第三方权利进行事前审核或保证。本内容可能包含受版权保护的图片、字体或其他第三方素材，使用前请自行确认授权范围。

编辑于2022-10-30 20:44:41 甘肃

计算机基础

橙子

他的近期作品查看更多>>

前端基础

社区模板帮助中心，点此进入>>

橙子

他的近期作品查看更多>>

相似推荐
大纲

互联网9大思维
- 42.5k
- 988
- 2.5k
- 403
- 0
MindMaster
组织架构-单商户商城webAPP 思维导图。
- 20.7k
- 3
- 187
- 8
- 1
Kacyun
域控上线
- 5.8k
- 173
- 11
- 4
- 0
jackrao
python思维导图
- 11.9k
- 562
- 243
- 6
- 0
(*^▽^*)
css
- 5.2k
- 1
- 44
- 2
- 0
A张舫
CSS
- 8.1k
- 279
- 190
- 32
- 0
journey
计算机操作系统思维导图
- 10.1k
- 362
- 215
- 12
- 0
journey
计算机组成原理
- 5.3k
- 98
- 72
- 7
- 0
journey
IMX6UL(A7)
- 3.9k
- 41
- 5
- 0
- 0
Handler XU
考试学情分析系统
- 5.2k
- 51
- 10
- 1
- 0
蒋龙

第3课前端基础

前端是什么

所有的网页页面都是前端书写书来的

前端代码

前端代码的三种语言

hulm

前端页面的骨架

超文本标记语言，是一种用于创建网页的标准标记语言

css

前端页面的化妆师

层叠样式表能够对网页中元素位置的排版进行像素级精准控制，拥有对网页对象和模型样式编辑的能力

丰富网页功能的脚本

他是一种浏览器可以执行的脚本语言，功能非常强大

渗透测试的特点是接触面、知识面要广，渗透测试在前端一般和HTML还有JS接触的比较多，CSS用的到的很少

渗透测试的核心是找开发的漏洞（代码的漏洞）

HTML罪简单的架构

HTML标签是由尖括号包围的关键词，比如<html>

HTML标签通常是成对出现的，比如<b>和</b>

<!DOCTYPE html>

声明H5（告诉别人是h5版本的html5）

<html>

html代码开始标签（代码从这里开始）

<head>

头部开始标签

规定编码方式

我国自己创立的编码gbk

规定title显示什么

</head>

头部结束标签

<body>

内容开始标签

<h1>我的第一个标题</h1>

标题标签

<p>我的第一个段落。</p>

段落标签

意义在于文本换行

</body>

内容结束标签

</html>

html代码结束标签（告诉别人代码从这里结束）

注意：

有一种标签叫做自闭合标签（看到标签租后有一个/就是）

例

加载图片<img/>

换行<br/>

水平线<hr/>

标签可以定义一个属性值，比如给他一个名字

<h1 id='zk'> 方便JS和CSS操作

<img src='https://www.baidu.com/img/baidu_jgylogo3.gif'/> 我们加载个图片让页面更加丰富

JS的妙用

JS可以大大的扩展前端页面与用户交互的功能，JS其实核心就是操作的你的浏览器去做他规定的事情，很明显JS可以操纵你的浏览器，这个是一个很危险的事情，所以说如果你执行了恶意的JS代码会影响你的电脑的安全性

实现的是前端的功能，识别你输入的东西，操作浏览器控制浏览器

js的html标签

例如

弹框：alert（）

读取自动填充的密码：document.getElementByld('pwd').value

截屏

记录键盘

访问内网页面

偷偷发送数据包出去去访问其他页面

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