HTML基础
学习链接时，我曾遇到 “相对路径” 和 “绝对路径” 的困惑。简单来说，绝对路径是完整的 URL（如https://www.example.com/about.html），无论在哪个页面中使用，都能准确指向目标；而相对路径是相对于当前页面的路径，比如当前页面在index.html，同目录下的about.html可以直接用href="about.html"，如果about.html在 “pages” 文件夹下，则需要用href="pages/about.html"。相对路径更适合网站内部页面的跳转，当网站的域名或存放位置变化时，相对路径不需要修改，比绝对路径更灵活。
<br>
（二）图片：让页面 “可视化”
<br>
图片能极大提升页面的吸引力，HTML 中通过<img>标签插入图片，它是自闭合标签，核心属性有src和alt：
<br>
src：指定图片的路径（同样分为相对路径和绝对路径），告诉浏览器去哪里加载图片。
<br>
alt：指定图片的替代文本，当图片因网络问题无法加载，或用户使用屏幕阅读器时，会显示alt中的内容，既提升了用户体验，也有助于搜索引擎理解图片内容（搜索引擎无法直接 “看到” 图片，需通过alt文本识别）。
<br>
比如插入一张本地图片的代码：
<br>
<img src="images/flower.jpg" alt="一朵红色的花" width="300" height="200">
<br>
<br>
其中width和height属性用于指定图片的宽度和高度，单位通常是像素（px）。需要注意的是，如果只设置其中一个属性，浏览器会自动按比例缩放图片，避免图片变形；如果同时设置两个属性，需确保比例与原图一致，否则图片会被拉伸或压缩。