HTML基础
实际使用中，图片的格式选择也很重要。常见的图片格式有 JPG、PNG、GIF、WebP 等：JPG 适合色彩丰富的照片，压缩率高但会损失部分画质；PNG 支持透明背景，适合图标、Logo 等，画质无损但文件可能较大；GIF 支持动态图片，但色彩数量有限；WebP 是较新的格式，兼具高压缩率和高画质，不过部分旧浏览器可能不支持。根据图片的用途选择合适的格式，能在保证显示效果的同时，减少图片的加载时间，提升页面性能。
<br>
（三）列表：让内容 “有条理”
<br>
在呈现多个相关内容时（如菜单、步骤、排名等），列表能让内容更整齐、易读。HTML 中有三种常用的列表：
<br>
无序列表（<ul>）：列表项前默认显示圆点符号，适合呈现没有严格顺序的内容。每个列表项用<li>标签包裹，比如：
<br>
<h3>我的爱好</h3>
<br>
<ul>
<br>
<li>阅读</li>
<br>
<li>编程</li>
<br>
<li>跑步</li>
<br>
</ul>
<br>
<br>
有序列表（<ol>）：列表项前显示数字序号，适合呈现有顺序的内容，比如步骤、排名等：
<br>
<h3>HTML学习步骤</h3>
<br>
<ol>
<br>
<li>学习基础标签</li>
<br>
<li>练习文档结构搭建</li>
<br>
<li>学习链接、图片等元素</li>
<br>
</ol>
<br>
<br>
定义列表（<dl>）：由 “术语” 和 “解释” 组成，适合呈现需要解释说明的内容。<dl>中用<dt>定义术语，用<dd>定义解释：
<br>
<h3>HTML常见标签</h3>
<br>
<dl>
<br>
<dt><h1>-<h6></dt>
<br>
<dd>用于定义标题，<h1>级别最高，<h6>级别最低</dd>
<br>
<dt><p></dt>
<br>
<dd>用于定义段落</dd>
<br>
</dl>
<br>