声明：以下内容来自泷羽sec的学习笔记，仅作学习，如有按照知识进行破环网络安全，后果自负！！
泷羽sec：https://space.bilibili.com/350329294/channel/collectiondetail?sid=4031268\&spm_id_from=333.788.0.0
资源连接自取：
链接：https://pan.baidu.com/s/10JphuDpN9kVlRj8qCIQkTw?pwd=skyg
提取码：skyg
前端HTML
前言
什么是HTML?是用来描述网页的一种语言。
HTML指的是超文本标记语言:HyperText Markup
LanguageHTMLHTML不是一种编程语言而是一种标记语言
标记语言是一套标记标签(markup tag)HTML使用标记标签来描述网页HTML文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面
今天着重了解一下前端的html
html
html是前端常用的语言，是由组成:文档类型声明、HTML 根元素、头部(head)和主体(body)部分
一般都是都是成双成对的出现组成的,比如说以下代码
<!D0CTYPE html> 这是浏览器头部信息
这是h1文本标签
这是h2文本标签
这是h3文本标签
这是h4文本标签
这是h5标签
这是h6标签
这是span 块标签
这是一个段落文本级 P标签 专属文职输入
|------|-------|---------|------|---|
| 学习网安 | 通过公众号 | 找到泷羽Sec | 添加加入 | |
名字: 密码:
代码的含义：
<!D0CTYPE html> :这是 HTML5 的文档类型声明。"它必须位于 HTML 文件的第一行!作用是告知浏览器文档所遵循的 HTML 版本，以便浏览器能够正确地渲染页面。对于HTML5 来说，这个声明简洁明了，统一了 HTML 文档类型的标准，取代了以往复杂的 DTD(文档类型定义)声明。
head:此部分包含了关于网页的元数据，这些信息对浏览器的渲染和网页的展示特性有重要作用，但不会直接在网页的可见区域显示
title:用于定义网页的标题，标题内容会显示在浏览器的标题栏或标签页上
meta:用于提供多种类型的元数据。常见的有字符编码设置，用于设置页面描述、关键词等信息，用于向搜索引擎描述网页内容
link:主要用于链接外部资源，最常见的是连接 CSS 样式表。通过这种方式，可以实现网页内容与样式的分离，方href属性指定了便网页设计和维护
script:可用于在 HTML 文档中嵌入 JavaScript 代码或引用外部的JavaScript 文件。
body:包含了所有在网页中可见的内容，如文本、图像、超链接、表格、表单等各种网页元素。
文本元素:可以使用段落标签
来组织文本，如
这是一段普通的文本内容。
标题标签
-
可用于创建不同级别的标题，
表示最高级别的标题，重要性依次递减，例如
主标题
副标题
。
图像元素:使用标签来插入图像，如<img src="image.jpg"alt="图像描述src属性指定图像的来源路径，
alt属性在图像无法正常显示时提供替代文本，对于可访问性和 SE0 都很重要
a 标签创建超链接
href属性定义了链接的目标 URL，标签内的文本是用户看到的可点击的链接内容。
表格元素:使用
标签创建表格，表示表格行，
|---------|
| 表示表格单元格 |
表单元素:用于收集用户输入信息，
form标签包含表单内容 创建各种输入框，如
input 标签是创建文本框
type属性指定输入类型
placeholder属性显示提示文本