index.html，简单来说，就是你网站的门面。它是任何网站的默认起始页面，浏览器打开你的网站时，如果没有指定其他页面，就会自动加载这个文件。 想想看，你走进一家商店，映入眼帘的就是商品陈列和店面设计，index.html就相当于这个商店的“门面”。
创建它其实非常容易，你甚至不需要什么复杂的软件。我曾经帮一个朋友搭建个人博客，当时就只用了一个简单的文本编辑器——记事本。 你也可以用更高级的代码编辑器，比如VS Code或者Sublime Text，它们提供语法高亮和代码自动完成等功能，能大大提高效率。但记事本就足够入门了。
打开记事本，输入以下代码：
<code class="html"><!DOCTYPE html>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到我的网站！</h1>
<p>这是一个简单的网页。</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/code/10758" title="微信商城多用户企业版源码"><img
src="https://img.php.cn/upload/webcode/000/000/005/176361480291903.jpg" alt="微信商城多用户企业版源码" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/code/10758" title="微信商城多用户企业版源码">微信商城多用户企业版源码</a>
<p>微信现在是非常的火了，已经开始进军支付行业，又打算搞O2O，有眼光的企业都开始盯着微信营销这块大蛋糕，微信公众号什么的也是越来越多。今天就给大家分享一款微信商城多用户的系统源码。利用本源码可搭建多用户微信商城在当地城市开展电子商务发展下级商家收取服务费。</p>
</div>
<a href="/xiazai/code/10758" title="微信商城多用户企业版源码" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
</body>
</html></code>这段代码看起来可能有点吓人，但其实很简单。<h1></h1>标签定义了一个一级标题，“欢迎来到我的网站！”就是这个标题的内容；<p></p>标签则定义了一段文字。 记得把“我的第一个网页”改成你想要的名字。
保存文件时，关键在于文件名和扩展名。文件名随意，但扩展名必须是.html。我当时犯过一个错误，不小心把文件保存成了.txt，结果浏览器打开时就显示乱码。 所以，一定要确保文件名以.html结尾。 我建议你保存为index.html，这样浏览器会默认加载它。
保存好之后，双击打开这个文件，你就会看到一个简单的网页在浏览器中显示了。 是不是很简单？
当然，这只是一个非常基础的网页。 要做出更复杂的网页，你需要学习更多的HTML、CSS和JavaScript知识。 但掌握了创建index.html的基本方法，就等于迈出了制作网站的第一步。 从一个简单的页面开始，逐步学习和完善，你会发现制作网站并不像想象中那么难。 记住，实践出真知，多动手尝试，你就能快速掌握。
