HTML 如何让网站运行index.html文件

在本文中，我们将介绍如何制作一个简单的网站并让其能够运行index.html文件。HTML（超文本标记语言）是网页的标准标记语言，通过使用HTML，可以定义网页的结构和内容。

阅读更多：HTML 教程

网站基本结构

一个基本的网站由多个文件组成，其中最重要的是index.html文件。它是网站的入口文件，在浏览器中打开网站时会首先加载该文件。除了index.html文件外，一个网站还可以包括CSS样式表、JavaScript脚本以及其他资源文件等。

下面是一个简单的网站目录结构示例：

website/
├── index.html
├── css/
│   └── style.css
├── js/
│   └── script.js
└── images/
    └── logo.png

在上面的示例中，index.html文件位于网站的根目录下，”css”目录存放CSS样式表文件，”js”目录存放JavaScript脚本文件，”images”目录存放网站所使用的图片文件。

编写index.html文件

index.html文件是网站的入口文件，进行网站布局和内容展示的工作。可以使用任何文本编辑器编写HTML代码。

下面是一个简单的index.html文件示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/script.js"></script>
    <title>My Website</title>
</head>
<body>
    <header>
        <h1>Welcome to My Website</h1>
        <nav>
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <section>
            <h2>About</h2>
            <p>This is a sample website created using HTML.</p>
        </section>
    </main>
    <footer>
        <p>© 2022 My Website. All rights reserved.</p>
    </footer>
</body>
</html>

在上面的示例中，通过<!DOCTYPE html>标签定义了文档类型，<html lang="en">标签定义了网页的语言为英文。<head>标签中包含了网页的元信息，如页面标题、CSS样式表和JavaScript脚本文件的链接。<body>标签中定义了网页的内容和结构，如标题、导航菜单、主要内容区域和页脚。