自学内容网 自学内容网

【WEB 安全 】HTML基础

HTML是什么

HTML全称Hyper Text Markup Language, 翻译成中文就是 超文本标记语言,是一种最基础的网页开发语言, 需要注意的是HTML并不是编程语言, 而是一种标记语言超文本 可以理解为超越了文本的意思, 也就是超级文本, 超文本不只是普通的文本内容, 还可以加入图片,视频,声音等内容, 甚至可以从一个文件跳转到另一个文件(超级链接文本)标记语言 ,可以理解为一套标记标签,也就是由许多标记标签组成的语言。

1. 简单的 HTML 页面架构

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>

charset 编码 gbk gbk2312 utf-8
保存内容的快捷方式 crtl+s
2. HTML 常见标签
2.1. meta 标签

<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎
和更新频度的描述和关键词。
设置网站关键字
meta name="keywords" content="网络安全,WEB 渗透,数据安全,渗透测试,
安全培训" />
<link> 标签定义文档与外部资源的关系。
<script> 引入 js 文件
注释
<!--这是一段注释。注释不会在浏览器中显示。-->
<p>这是一段普通的段落。</p>
2.2. 标题标签
由大到小
<h1>h1</h1>

any渗透测试
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>6</h6>
</br> 换行标签
<hr>换行线标签
2.3. 文本属性
<strong>加粗</strong>
<b></b>加粗
<i></i>斜体
<u></u> 下划线
<sup></sup>上标
<sub></sub>下标
<del></del> 删除线
<font></font> 规定字体属性
size 字体的大小
color 字体颜色
代码样式原样输出
<pre></pre>
2.4. form 表单
form 表单 规定当提交表单时向何处发送表单数据
method 提交的方法有 get、post
规定在发送表单数据之前如何对其进行编码。
enctype 属性可能的值
application/x-www-form-urlencoded
multipart/form-data
text/plain
input 标签
name:同样是表示的该文本输入框名称。
size:输入框的长度大小。
maxlength:输入框中允许输入字符的最大数。
value:输入框中的默认值
readonly:表示该框中只能显示,不能添加修改。

any渗透测试培训
2024-7-24
input 的类型
type=password 密码输入框
type=file 文件上传
type=hidden 隐藏域
button 按钮
checkbox 复选框
radio 单选框
type=submit 提交按钮
type=reset 重置按钮
2.5. a 标签、img 标签、table 标签
a 标签的作用:就是用于控制界面与页面之间的跳转
默认就是 self
self:用于在当前选项卡中跳转,也就是不新建页面跳转
_blank :用于在新的选项卡中跳转,也就是新建页面跳转
<a href="http://www.baidu.com" target="self">百度</a>
<a href="http://www.baidu.com" target="_blank">百度</a>
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
2.6. 锚文本
<a href="#2">锚点</a>
<a name="2">锚点</a>

any渗透测试培训
2024-7-24
2.7. img 标签
img 元素向网页中嵌入一幅图像。
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
alt 规定图像的替代文本。
src 规定显示图像的 url
width 规定图片的高度
height 规定图片的宽度
2.8. table 表格
<caption>我的标题</caption>表格带标题
border 边框
width 宽度
height 高度
colspan 行
rowspan 竖
<th></th>
<tr>行</tr>
<td>表格</td>
cellpadding 单元边与内容的空白
cellspacing 单元格的空白
2.9. 列表标签
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
2.9.1. 无序列表
项目符号 square circle disc
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
2.9.2. 有序列表

数字列表 默认 数字

any渗透测试培训
2024-7-24
小写字母列表
大写字母列表 A
罗马字母列表 I
小写罗马字母列表 i
<ol type="1"> <!--有序列表-->
<li>any 不出网的情况下的内网多域控渗透</li>
<li>xp/2003 开关 3389 指令</li>
<li>一条命令修改 windows 注册表</li>
</ol>
2.10. 框架的使用
frameset 元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存
有独立的文档。在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在
多少列或多少行。您必须使用 cols 或 rows 属性。
frameset 在一个页面中设置一个或多个框架 不能嵌套在 body 标签里
iframe 是在 html 页面内嵌入框架 框架内可以连接另一个页面
frameset 不能在 body 内使用
frame 一般都是在 frameset 中使用
cols 定义框架集中列的数目和尺寸
rows 定义框架集中行的数目和尺寸
scrolling 滚动条
auto在需要的情况下出现滚动条(默认值)。
yes 始终显示滚动条(即使不需要)。
no 从不显示滚动条(即使需要)


原文地址:https://blog.csdn.net/weixin_60838266/article/details/140674580

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!