can'；t发送包含导航栏的可查看html文件，该导航栏指向多个页面

我为不同的html页面写了类似的东西，但没有显示，因为html文件是本地的，我如何发送它们？（请不要太复杂，我是初学者）

`在这里输入代码` `在这里输入代码` `在这里输入代码` `在这里输入代码` `在此处输入代码`#div1{ `在此处输入代码`背景图像：线性渐变（黑色，红色）；边框半径：15px；填充： `在此处输入代码`10px；字体系列：“Lucida手写体”，草书；颜色：白色 `在此处输入代码`} `在此处输入代码“.topnav”{ `在此处输入代码`背景色：#333； `在此处输入代码`溢出：隐藏； `在此处输入代码`位置：固定； `在此处输入代码`top:0； } /*设置导航栏内链接的样式*/ .topnav a{ 字体系列：“露西达手写”，草书； 浮动：左； 颜色：#F2F2； 文本对齐：居中； 填充：1px107px； 文字装饰：无； 字号：17px； } /*更改悬停时链接的颜色*/ .topnav a:悬停{ 背景颜色：灰色； 颜色：黑色； } /*向活动/当前链接添加颜色*/ .topnav a.active{ 背景色：暗色； 颜色：白色； } .中心{ 显示：块； 左边距：自动； 右边距：自动； 宽度：50%； }

你到底想实现什么？使用相对路径：我想通过电子邮件将它们发送给人们，以便他们可以看到。。thnx `enter code here` `enter code here` `enter code here` `enter code here` `enter code here`#div1 { `enter code here`background-image: linear-gradient(darkred, red); border-radius: 15px; padding: `enter code here`10px;font-family:"Lucida Handwriting", cursive; color: white `enter code here`} `enter code here` .topnav { `enter code here` background-color: #333; `enter code here` overflow: hidden; `enter code here` position: fixed; `enter code here` top: 0; } /* Style the links inside the navigation bar */ .topnav a { font-family:"Lucida Handwriting", cursive; float: left; color: #f2f2f2; text-align: center; padding: 1px 107px; text-decoration: none; font-size: 17px; } /* Change the color of links on hover */ .topnav a:hover { background-color: grey; color: black; } /* Add a color to the active/current link */ .topnav a.active { background-color: darkred; color: white; } .center { display: block; margin-left: auto; margin-right: auto; width: 50%; }

</head>
<div class="topnav">
  <a class="active" href="file:///C:/Users/Anas/Desktop/TNL1PROWEB/HTML/home.html">Accueil</a>
  <a href="file:///C:/Users/Anas/Desktop/TNL1PROWEB/HTML/Classement.html">Classement</a>
  <a href="file:///C:/Users/Anas/Desktop/TNL1PROWEB/HTML/stats.html">Statistiques</a>
   <a href="file:///C:/Users/Anas/Desktop/TNL1PROWEB/HTML/Matchs&resultats.html">Matchs & Resultats</a>
</div>
</pre>