html读出文本文件内容

当我们需要读取文本文件内容并将其显示在网页上时，我们可以使用 HTML 中的 <pre> 标签，该标签会保留文本中的空格、回车和制表符等格式。但是，为了将文件内容读取到 HTML 中，我们需要借助服务器端脚本语言如 PHP、Python 等。

以下是一个 PHP 的示例：

1. 在 HTML 文件中添加以下代码：

<div>
  <?php
    $file = fopen("example.txt","r"); // 打开文本文件
    echo "<pre>";
    echo fread($file,filesize("example.txt")); // 读取文件内容
    echo "</pre>";
    fclose($file); // 关闭文件
  ?>
</div>

1. 在本地新建一个名为 example.txt 的文本文件，填入任意文本内容，保存。

2. 在一个支持 PHP 的 Web 服务器上，将 HTML 文件和 example.txt 文件上传到服务器，访问该 HTML 文件即可看到文本文件内容被成功读取和显示在网页上。

另一个 Python 的示例：

1. 在 HTML 文件中添加以下代码：

<div>
  <pre>
  {% for line in open("example.txt", "r") %}
    {{ line }}
  {% endfor %}
  </pre>
</div>

1. 在本地新建一个名为 example.txt 的文本文件，填入任意文本内容，保存。

2. 在 Web 服务器上安装 Python、Django 等相关环境，并将 HTML 文件和 example.txt 文件上传到服务器，启动 Web 服务器并访问该 HTML 文件即可看到文本文件内容被成功读取和显示在网页上。

需要注意的是，在编写上述代码时，应该先测试代码是否能够正常运行，再将代码上传至服务器。此外，需要确认文件路径是否正确，否则会导致无法读取文件内容的问题。