模拟），每栏含一个

标题、一段

描述、一个按钮。

3、将完成的三个页面统一放入同一文件夹，编写index.html作为导航页，用个人简介等超链接串联所有页面。

四、融入协作环境强化工程意识

该路径帮助转行者提前适应开发工作流，理解HTML在真实团队中的角色——它不是孤立存在的代码，而是与Git、部署流程、跨职能沟通紧密关联的一环。

1、注册GitHub账号，新建名为my-html-portfolio的公开仓库。

2、将本地已写的全部HTML文件拖入该仓库文件夹，打开终端执行git init、git add .、git commit -m "init: add first three pages"、git branch -M main、git remote add origin [你的仓库URL]、git push -u origin main。

3、进入GitHub仓库页面，点击Settings → Pages → Source选main分支根目录，启用GitHub Pages功能；等待约一分钟，访问https://.github.io/my-html-portfolio/ 查看在线版本。

五、对接真实需求进行语义化重构

该路径面向已有基础但缺乏业务视角的学习者，通过改造现有非标准HTML片段，训练对无障碍访问、SEO友好性及维护性的综合判断力。

1、找一段来自旧企业官网的混乱代码（如大量使用、

、嵌套十余层

），粘贴至VS Code中。

2、识别原始意图：标题应为

~

，导航应为