前端三件套入门：HTML、CSS、JavaScript 各管什么，怎么配合
打开任何网页你看到的"画面"，其实是三种语言协作的结果：HTML 搭骨架、CSS 做外观、JavaScript 管行为。本文用装修房子的类比讲清三者分工，并用"一个按钮从写代码到显示"的实例，让你看懂一段网页代码到底在做什么。
前端搭建
用于 AI 建站前的前端搭建提示词和资源
Tailwind CSS 页面模板
基于 Tailwind CSS 的响应式页面模板，包含导航、Hero、功能卡片、价格表和页脚等常见模块。
响应式导航栏模板
一个可直接复用的响应式导航栏组件：粘性置顶、移动端汉堡菜单、下拉子菜单与当前页面高亮，含完整 HTML/CSS/JS 与接入、无障碍和常见问题说明。
标准 HTML5 模板
一份可直接复制使用的标准 HTML5 模板，逐段讲解 meta、Open Graph、语义结构与无障碍细节，并附博客首页完整示例与上线检查清单。