📅 最后修改于: 2023-12-03 15:01:23.997000 🧑 作者: Mango
index.html 文件是基于 HTML（超文本标记语言） 的一种标准文件名称，用于作为网站的主页文件，打开网站时会首先显示该文件的内容。
在 index.html 文件中可以添加 HTML 标记，用于显示网页的各种文本、图片、链接、脚本等元素。它是构建网站的基础文件之一，理解和掌握 index.html 文件的编写是每个 Web 开发人员的必备基础技能。
为了让 Web 服务器能够自动识别 index.html 文件为默认主页，需要将该文件的名称设置为 index.html。如果需要使用其他名称作为默认主页，可以通过配置 Web 服务器设置。
index.html 文件的结构通常由三个部分组成：<head>、<body> 和脚本（可选）。
<head> 标签中定义了一些元标记，例如 <title>（网站标题）、<meta>（元数据）、<link>（关联文件，如 CSS 或图片）等。这些元标记通常不会直接在网页中显示出来，但对于网页的 SEO（搜索引擎优化）和网页加载速度优化非常重要。
<body> 标签中定义了实际的网页内容，如标题、文本、图片、链接、表单等。这些元素将在用户加载网页时直接显示在浏览器中。
<script> 标签可用于添加 JavaScript 脚本，实现一些动态效果或用户交互。脚本可以直接嵌入到 <head> 或 <body> 中，也可以单独编写成一个 .js 文件。
index.html 文件中可以使用 HTML 标记呈现各种内容。以下是一些常用的 HTML 标记：
<h1>~<h6>：定义标题级别，一般用来表示文章或页面的标题。<p>：定义段落，用来包含一段文本。<img>：定义图片，用来显示图片。<a>：定义链接，用来跳转到其他页面或网站。<ul> 和 <li>：定义无序列表和列表项。<ol> 和 <li>：定义有序列表和列表项。<table>、<thead>、<tbody>、<tr>、<th> 和 <td>：定义表格。<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>网站标题</title>
</head>
<body>
<h1>欢迎访问本网站</h1>
<p>这是一段文字。</p>
<img src="img/logo.png" alt="Logo" />
<a href="https://www.baidu.com">百度一下，你就知道</a>
<ul>
<li>列表项 1</li>
<li>列表项 2</li>
</ul>
<ol>
<li>列表项 1</li>
<li>列表项 2</li>
</ol>
<table>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>25</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
</tr>
</tbody>
</table>
<script>
console.log("Hello, world!");
</script>
</body>
</html>
index.html 文件是构建网站的基础文件之一，需要根据网站的实际需求进行编写。掌握 HTML 标记和文件结构，可以帮助开发人员快速编写出优雅、美观、易于维护的网页。