HTML与CSS移入文件夹后无法链接，图片失效问题求助

看起来你是被相对路径的坑给绊住了——这太常见了，尤其是刚整理文件结构的时候！问题出在相对路径的参照基准变了：原来所有文件都在桌面，路径是相对于桌面；现在你把它们移到了文件夹里，路径得相对于HTML文件现在的位置来写。

第一步：先明确你的当前文件结构 #

先把你的文件夹层级理清楚，比如常见的规范结构可能是这样：

• mart145final/ （你的项目根文件夹）
  • index.html （你的HTML文件）
  • css/
    • index.css （你的CSS文件）
  • images/
    • [你的图片文件]

第二步：修正路径引用 #

根据上面的结构，你需要调整CSS的引用路径：

• 原来的代码里写的是 <link href="mart145final/css/index.css" rel="stylesheet" type="text/css">，这个路径是从桌面出发的旧路径，但现在HTML已经在mart145final文件夹里了，不需要再加上mart145final/前缀。
• 正确的路径应该是：<link href="css/index.css" rel="stylesheet" type="text/css">

同理，图片的路径也要对应调整：比如图片在images/文件夹里，HTML里的<img>标签应该写 <img src="images/你的图片名.jpg" alt="描述">。

第三步：验证路径是否正确的小技巧 #

• 在浏览器中打开你的HTML文件，右键选择「检查」进入开发者工具，找到<link>标签，点击它的href路径——如果能正常打开CSS文件，说明路径没问题；如果跳转到404页面，那肯定是路径写错了。
• 也可以直接在浏览器地址栏里输入CSS的相对路径（基于HTML文件的位置），比如如果HTML在mart145final里，就输入file:///[你的电脑路径]/mart145final/css/index.css，看能不能访问到文件。

顺便修正HTML的小问题 #

你的原始代码里有两个小错误：

1. <!DOCTYPE HTML5> 是错误的，HTML5的正确DOCTYPE声明是 <!DOCTYPE html>
2. 有一个<meta charset="utf-8">写在了<head>标签外面，所有头部元信息都应该放在<head>内部。

修正后的头部代码示例：

<!DOCTYPE html>
<html>
<head>
    <title>Space Cube</title>
    <meta charset="utf-8">
    <link href="css/index.css" rel="stylesheet" type="text/css">
</head>
<body>
    <!-- 你的页面内容 -->
</body>
</html>

内容的提问来源于stack exchange，提问作者Owen Wurtz