首先初始化本地Git仓库，进入项目目录执行git init；接着添加HTML文件到暂存区，使用git add index.html或git add *.html；然后提交文件，运行git commit -m "Initial commit with HTML files"；最后关联远程仓库并推送代码，依次执行git remote add origin 远程地址和git push -u origin main。
如果您在开发HTML项目时需要对代码进行版本管理，以便追踪修改记录或协同开发，则可以通过Git实现高效的版本控制。以下是将HTML项目初始化为Git仓库并完成首次提交的操作步骤：
一、初始化本地Git仓库
在项目根目录下创建一个Git仓库，用于记录所有文件的变更历史。该操作只需执行一次，即可使目录具备版本控制能力。
1、打开终端或命令行工具，进入您的HTML项目所在目录。
2、运行以下命令以初始化新的Git仓库：git init。
立即学习“前端免费学习笔记（深入）”；
3、确认项目根目录中出现隐藏的 .git 文件夹，表示仓库已成功创建。
二、添加HTML文件到暂存区
将需要纳入版本控制的HTML文件从工作目录添加到暂存区，准备提交。
1、使用命令 git add index.html 将主页面文件加入暂存区（请根据实际文件名调整）。
2、若存在多个HTML文件，可运行 git add *.html 添加所有HTML格式文件。
3、也可执行 git add . 将当前目录所有变更文件加入暂存区。
三、提交文件至本地仓库
将暂存区中的文件正式保存为一次版本提交，并附带描述信息说明本次更改内容。
1、运行命令 git commit -m "Initial commit with HTML files" 完成提交。
2、引号内的文本应简明描述此次提交的目的，例如"Add homepage structure"或"Update contact form layout"。
3、提交完成后，Git会生成唯一的哈希值标识此次版本变更。
四、关联远程仓库并推送
将本地Git仓库与远程平台（如GitHub、GitLab）上的仓库建立连接，实现代码备份与共享。
1、在GitHub等平台创建一个新的仓库，获取其远程地址（HTTPS或SSH格式）。
2、在本地运行 git remote add origin 远程仓库地址 建立连接。
3、推送本地提交到远程主分支：执行 git push -u origin main。
4、首次推送后，后续只需使用 git push 即可同步更新。
