响应式导航栏与内容卡片

下面的结构适合首页、产品介绍页和作品集页面。导航使用相对页面地址，卡片布局通过 CSS 网格自动📌适应屏幕宽度，电脑端显示多列，手机端会自动收缩为较少列数。

把零散代码组合成完整页面的顺序

这是所有静态网站的起点，包💎含中文语言声明、移动端适配设置、页面标题和主要内容区域。初学者可以先替换标题和段落，再逐步增🎊加导航、图片或卡片模块。

联系表单代码：能显示，不代表能收到数据

复制页面上显示的示例到文本编辑器即可使用。如果在某些源代码工具中看到 <、> 或 "，它们分别对应网页代码中的尖括号和引号，保存前应确认编辑器中的字符已经恢复为正常 HTML 写法。