如何在HTML网站上显示本地项目中的文件？

要在HTML网站上显示本地项目中的文件，可以使用以下两种方法：

使用文件链接：可以在HTML页面上添加一个链接，指向本地项目中的文件路径。这样，用户点击链接时，浏览器会下载或在新标签页中打开该文件。例如，如果要在页面上添加一个PDF文件的链接，可以使用以下代码：

<a href="path/to/your/file.pdf">点击此处下载PDF文件</a>

在代码中，将"path/to/your/file.pdf"替换为实际的文件路径。

使用HTML5的File API：如果你希望在页面上直接显示本地文件的内容，可以使用HTML5的File API。这需要一些JavaScript代码来实现。

首先，在HTML中添加一个文件选择器(input元素)，让用户选择本地文件：

<input type="file" id="file-input">

然后，使用JavaScript来读取并显示所选文件的内容：

<div id="file-content"></div>

<script>
  // 获取文件选择器元素
  var fileInput = document.getElementById('file-input');
  
  // 监听文件选择事件
  fileInput.addEventListener('change', function(event) {
    var file = event.target.files[0]; // 获取第一个选择的文件
    
    // 使用FileReader读取文件内容
    var reader = new FileReader();
    reader.onload = function(e) {
      var fileContent = e.target.result; // 获取文件内容
      var displayDiv = document.getElementById('file-content');
      displayDiv.innerText = fileContent; // 在页面上显示文件内容
    };
    reader.readAsText(file); // 以文本格式读取文件
  });
</script>

在上述代码中，选择一个文件后，它的内容将显示在id为"file-content"的div元素中。

这些方法可以帮助你在HTML网站上显示本地项目中的文件。请注意，如果要访问本地文件，需要在浏览器中启用相应的权限。