导图社区 前端基础
本思维导图帮助你了解网站前端基础，明白展示在我们面前的页面是怎么生成的，喜欢的小伙伴可以点个赞哦！
这是一篇关于事务性公文写作指南精简版的思维导图，主要内容有事务性公文以实用为上、总结类事务性公文工作总结与经验材料、信息沟通类事务性公文信息与简报、展望类事务性公文计划与方案等。
对“一篇合格公文应同时满足五个要求”内容做了提炼，精简，方便快速了解其中内容，快速应用，快速上手哦。
写好公文的八个“锦囊”：持续输入、打牢基础、开启悟性、思维训练、二八法则、善用套路、一气呵成和舒服姿势。
社区模板帮助中心，点此进入>>
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
css
CSS
计算机操作系统思维导图
计算机组成原理
IMX6UL(A7)
考试学情分析系统
第3课 前端基础
前端是什么
所有的网页页面都是前端书写书来的
前端代码
前端代码的三种语言
hulm
前端页面的骨架
超文本标记语言，是一种用于创建网页的标准标记语言
前端页面的化妆师
层叠样式表 能够对网页中元素位置的排版进行像素级精准控制，拥有对网页对象和模型样式编辑的能力
js
丰富网页功能的脚本
他是一种浏览器可以执行的脚本语言，功能非常强大
渗透测试的特点是接触面、知识面要广，渗透测试在前端一般和HTML还有JS接触的比较多，CSS用的到的很少
渗透测试的核心是找开发的漏洞（代码的漏洞）
HTML罪简单的架构
HTML标签是由尖括号包围的关键词，比如<html>
HTML标签通常是成对出现的，比如<b>和</b>
<!DOCTYPE html>
声明H5（告诉别人是h5版本的html5）
<html>
html代码开始标签（代码从这里开始）
<head>
头部开始标签
<meta charset="utf-8">
规定编码方式
我国自己创立的编码gbk
<title>你好，HTML</title>
规定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标签
<script>*******</script>
例如
弹框：alert（）
读取自动填充的密码：document.getElementByld('pwd').value
截屏
记录键盘
访问内网页面
偷偷发送数据包出去去访问其他页面
JS非常的强大，应用的也非常广泛，但是实现功能可能需要很好地代码功底
