我几乎是 html 的菜鸟，所以我一无所知。
我想在我的 Raspberry Pi 4 上创建一个漂亮的苹果 iCloud 风格的 apache2 服务器。我有基本的 HTML 技能，所以我找到了一个漂亮的字体并最终得到了一个合理的原型。这是有问题的页面：
<!DOCTYPE html>
<html>
<head>
<title>Lloyd Family Cloud Server</title>
<link type="text/css" rel="stylesheet" href="../../../css/master.stylesheet.css">
</head>
<body>
<p class="breadcrumb">
<a href=../../..>Home</a> / <a href="../..">Music</a> / <a href="..">Videogames</a> / <a href="">Super Mario Bros 1</a> /
</p>
<nav>
<ul class="links">
<li><a href="SMB1-overworld.wav">Super Mario Bros 1 Overworld Theme (WAV) [SMB1-overworld.wav, FILE]</a></li>
</ul>
</nav>
<p class="instructions">
For phones or tablets, please hold your finger on the link to download it.</br>For desktops, please click on the link,<br/> and then hit CTRL + S, and follow the Save As: inst>
</p>
</body>
</html>
在我的 chromium 浏览器中，它看起来像这样：
Home /
Hey Family! This is a server set up by Ted to share files around the house.
Please email me at [email protected] if you want to add a file.
Choose a directory to get going. Please note this cloud server only works on our WiFi.
- Music [Music, DIRECTORY]
For phones or tablets, please hold your finger on the link to download it.
For desktops, please click on the link, and then hit CTRL + S, and follow the 'save as' instruct>
您可能已经注意到，其余的另存为说明没有显示，并以 > 结束。 最后两行出现在每一页的底部，所以很显眼
光是想想，我就有了按 CTRL + SHIFT + I 的笨脑电波；对于不知道的人，它打开了谷歌的开发者工具。在浏览器的页面 html 中，它显示为 >。所以它读错了吗？编码错误？我想我目前正在使用 UFT-8。
我也会提供我的样式表； master.stylesheet.css，以防万一这就是问题所在（我非常怀疑。）：
import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
body {
font-family: 'Share Tech Mono', monospace;
}
p.breadcrumb {
font-size: 25px;
text-decoration: none;
color: black;
margin-left: auto;
margin-right: auto;
}
p.breadcrumb a {
text-decoration: none;
color: black;
}
p.breadcrumb a:hover {
text-decoration: underline;
}
任何答案表示赞赏。注意：我10岁了，所以如果可以的话，请简单点。