声明
学习视频来自B站UP主 泷羽sec,如涉及侵泷羽sec权马上删除文章。
笔记只是方便各位师傅学习知识,以下网站只涉及学习内容,其他的都与本人无关,切莫逾越法律红线,否则后果自负
这节课旨在扩大自己在网络安全方面的知识面，了解网络安全领域的见闻，了解学习哪些知识对于我们渗透测试有帮助，避免盲目地学习降低效率。
B站超链接：黑客基础之html（超文本标记语言）_哔哩哔哩_bilibili
简介
- 什么是HTML？
- HTML是用来描述网页的一种语言
- HTML指的是超文本标记语言：Hyper Text Markup Language
- HTML不是一种编程语言，而是一种标记语言
- 标记语言是一套标记标签（markup tag）
- HTML使用标记标签来描述网页
- HTML文档包含了HTML标签及文本内容
- HTML文档也叫做web页面
一、HTML基本结构概述
HTML（超文本标记语言）网页有一个标准的结构，主要由以下几个关键部分组成：文档类型声明、HTML根元素、头部（head）和主体（body）部分。这种结构为浏览器解析和显示网页内容提供了清晰的框架
二、文档类型声明（DOCTYPE）
**<DOCTYPE html>:**这是HTML5的文档类型声明。他必须位于HTML文件的第一行，作用是告知浏览器文档所遵循的HTML版本，以便浏览器能够正确的渲染页面。
对于HTML5来说，这个声明简洁明了，统一了HTML文档类型的标准，取代了以往复杂的DTD（文档类型定义）声明
三、HTML根元素<html>
<html>
作为HTML文档的根标签，所有其他的HTML元素都被包含在它里面。它有开始标签**<html>** 和结束标签**</html>**
这个标签界定了整个HTML文档的范围，浏览器会识别其中的内容为有效的HTML代码
四、头部部分<head>
<head>
此部分包含了关于网页的元数据，这些信息对浏览器的渲染和网页的展示特性有重要作用，但不会直接在网页的可见区域显示
<title>
用于定义网页的标题，标题内容会显示在浏览器的标题栏或标签页上
例如：
<title>精彩网页世界</title>这是用户识别网页的重要标识，同时也对搜索引擎优化（SEO）有一定影响
<meta>
用于提供多种类型的元数据
-
字符编码设置
<meta charset="UTF-8" >
它确保浏览器能够正确解析和显示网页中的各种字符，支持多种语言的字符集。
-
设置页面描述、关键词
<meta name="description" content="这是一个充满趣味的网页"> -
设置关键词帮助搜索引擎索引网页
<meta name="keywords" content="网页，趣味，示例">
<link>
主要用于链接外部资源，最常见的是连接CSS样式表。
<link rel="stylesheet" href="styles.css">其中rel="stylesheet" 表明这是一个样式表链接，href属性指定了CSS文件的路径。
通过这种方式，可以实现网页内容与样式的分离，方便网页设计和维护
<script>
可用于在HTML文档中嵌入JavaScript代码或引用外部的JavaScript文件
<script>alert('欢迎来到我的网页');</script>若引用外部文件，则是**<script src="script.js">,** 这里src属性指定了JavaScript文件的路径。脚本可以为网页添加交互功能
五、主体部分
<body>
它包含了所有在网页中可见的内容，如文本、图像、超链接、表格、表单等各种网页元素
文本元素
可以使用段落标签**<p>**来组织文本
<p>
这是一段普通的文本内容
</p>标题标签**<h1>--<h6>** 可用于创建不同级别的标题，<h1>为最高级标题，重要性依次递减
图像元素
使用**<img>**标签来插入图像
<img src="image.jpg" alt="图像描述">src 属性指定图像的来源路径，alt属性在图像无法正常显示时提供替代文本，对于可访问性和SEO都很重要
超链接元素
通过<a>标签创建超链接
<a href="https://www.example.com">点击这里</a>href 属性定义了链接的目标URL，标签内的文本是用户看到的可点击的链接内容
表格元素
<table> 标签创建表格，<tr> 表示表格行，**<td>**表示表格单元格
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>表单元素
用于收集用户输入信息，<from> 标签包含表单内容，**<input>**标签用于创建各种输入框
<input type="text" placeholder="请输入用户名">这用于创建一个文本输入框，type 属性指定输入类型，placeholder显示提示文本
完整示例
<!DOCTYPE html>
<html>
<head>
<title>示例网页</title>
<meta charset="UTF - 8">
</head>
<body>
<h1>欢迎来到示例网页</h1>
<p>这是网页的主要内容部分，这里可以展示各种信息</p>
<img src="example.jpg" alt="示例图片">
<a href="https://www.example.com">访问示例网站</a>
</body>
</html>这个示例涵盖了基本的HTML网页结构元素，大家可以在此基础上根据实际需求扩展和完善网页的功能和设计