如何制作 HTML 首页？步骤如下：创建 HTML 文件（index.html）添加 HTML 结构定义页面内容（标题、导航、正文、页脚）设置样式（通过 CSS）测试页面
如何制作 HTML 首页
HTML 首页是网站的核心页面，它通常包含该网站最重要的信息和导航链接。创建 HTML 首页需要以下步骤：
1. 创建一个 HTML 文件
- 使用文本编辑器或代码编辑器创建一个新的文本文件。
- 将文件命名为 "index.html"，这是 Web 服务器寻找首页文件的默认名称。
2. 添加 HTML 结构
立即学习“前端免费学习笔记（深入）”；
-
在文件中添加以下基本 HTML 结构：
<code class="html"><!DOCTYPE html> <html> <head> <title>首页标题</title> </head> <body> </body> </html></code>
3. 定义页面内容
-
在
<body>标签内添加以下内容：-
标题：使用
<h1>标签定义页面标题。 -
导航菜单：使用
<nav>标签创建导航菜单，其中包含指向网站其他页面的链接。 -
主要内容：使用
<main>标签包含页面的主要内容，如文本、图片或视频。 -
页脚：使用
<footer>标签添加页脚信息，如版权声明或联系信息。
-
标题：使用
4. 设置样式
- 可以使用 CSS（层叠样式表）文件来设置页面的样式。
-
将 CSS 文件链接到 HTML 文件中的
<head>标签：<code class="html"><head> <title>首页标题</title> <link rel="stylesheet" href="styles.css"> </head></code>
5. 测试页面
- 将 HTML 文件保存到计算机上。
- 打开 Web 浏览器并导航到该文件。
- 检查页面是否正确加载和显示。
示例首页 HTML 代码：
<code class="html"><!DOCTYPE html> <html> <head> <title>示例网站</title> <link rel="stylesheet" href="styles.css"> </head> <body> <header> <h1>示例网站</h1> </header> <nav> <a href="about.html">关于我们</a> <a href="services.html">服务</a> <a href="contact.html">联系我们</a> </nav> <main> <h2>欢迎来到示例网站</h2> <p>本网站展示了示例企业及其提供的内容。</p> </main> <footer> <p>Copyright © 2023 示例网站</p> </footer> </body> </html></code>
