HTML

HTML：Web 开发的四剑客之一。

文档声明

HTML <!DOCTYPE > 声明

设置语言

mate：元数据

浏览器浏览网页时，你虽然看不到他的存在，但他就这那里……对，就是那个地方

字符编码

HTML 字符集

语义化

注意：元素默认效果不重要，语义最重要。

可读性强
有利于SEO（搜索引擎优化）
方便设备解析（屏幕阅读器、盲人阅读器等）

HTML 实体

元素分类

排版元素

块级元素和行内元素

块级元素和行内元素都有哪些

重点元素

form 元素

我的搜索

赶紧试试吧

用户名：

密码：

性别：男女

编程语言： html css javascript python

兵器：

备注：

a 元素

<a>：锚元素 - HTML（超文本标记语言） | MDN

target

_blank：
_parent：
_self：
_top：

href

链接地址

这个就比较好理解了，例如：主页 - xiaodu114.github.io

常规文件

这里面又分为两类：浏览器支持的格式，可以直接打开的；浏览器不支持的格式

支持的格式（*.js|*.png|*.pdf|*.mp4 等）: JS文件; JS文件（强制下载）; JS文件（强制下载，起个别名）
不支持的格式（*.js|*.png|*.pdf|*.mp4 等）: 读光-表格结构识别-示例代码（压缩包）

锚

<!-- 定义一个锚点的两种方式（锚点区分大小写），推荐使用 id 方式 -->
<a name="test-anchor-001"></a>
<p id="test-anchor-002">xxx</p>

<!-- 跳到锚点 -->
<a href="#test-anchor-001">跳到第一个锚点</a>
<a href="#test-anchor-002">回到顶部</a>
<a href="#">这里是文档的末尾，点击回到顶部</a>
<!-- 也可以跳到其他页面的锚点 -->
<a href="https://baike.baidu.com/item/%E7%A5%88%E7%A5%B7/2264993#1" target="_blank" rel="noopener noreferrer">点击跳转到百度百科，歌曲 祈祷 的歌曲歌词</a>

测试id锚点：回到顶部

在文章的末尾还有一个“回到顶部”，您可以试试

点击跳转到百度百科，歌曲祈祷的歌曲歌词

JavaScript 脚本

<a href="javascript:var youInpit = prompt('请随便输入点东东','xiaodu114');alert('您输入的是：' + youInpit);" target="_blank" rel="noopener noreferrer">href中是一段脚本，点击试试吧，注意：高版本的Chrome或者Edge不支持</a>

href中是一段脚本，点击试试吧，注意：高版本的Chrome或者Edge不支持

唤起其他应用

<a href="tel:10086" target="_blank" rel="noopener noreferrer">点击给 10086 打电话</a>
<a href="mailto:mine_job@126.com" target="_blank" rel="noopener noreferrer">点击给我发 Email</a>
<a href="sms:10086" target="_blank" rel="noopener noreferrer">点击给 10086 发短信</a>

iframe 元素

<iframe> - HTML（超文本标记语言） | MDN

ul ol dl

img 元素

<img>：图像嵌入元素 - HTML（超文本标记语言） | MDN

JPG (JPEG)

特点：有损压缩，支持多种压缩级别，通常用于照片和复杂图像，压缩率高，文件体积小。

使用场景：适合需要高压缩率的场合，如网页图片、电子邮件附件等。
PNG

特点：无损压缩，支持透明背景，提供高质量的图像，文件体积通常比JPG大。

使用场景：适合需要透明背景或无损质量的图像，如图标、按钮、网页元素等。
BMP

特点：位图格式，通常不压缩，文件体积大，支持多种颜色深度。

使用场景：主要用于Windows操作系统的图像文件，较少用于网络传输。
GIF

特点：支持动画和透明背景，但仅限于256种颜色，适合简单动画和图标。

使用场景：常用于网页上的简单动画效果，如加载动画、广告等。
WebP

特点：由Google开发，支持无损和有损压缩，支持透明度和动画，通常比PNG和JPG文件更小。

使用场景：适合需要高压缩率和良好图像质量的网页图像，尤其是动画。
Base64

特点：不是图片格式，而是一种编码方式，可以将图片编码为文本形式，便于在网页或邮件中直接嵌入。

使用场景：适合在不支持二进制数据传输的环境中使用，如HTML中的`data:` URL方案。