想象你要用AI建造一个网站，就像用AI设计一栋房子：
当你向AI描述网页需求时，要明确结构层次：
✅ 好的表达：
"我需要一个大标题，下面有三个小标题，每个小标题下有一段介绍文字"
❌ 模糊表达：
"我要一些文字内容"
告诉AI你需要什么类型的内容元素：
标题： "我需要一个主标题和几个副标题"
段落： "这里放一段介绍文字"
列表： "我要一个带编号的步骤列表" 或 "我要一个带圆点的功能列表"
链接： "这个文字要能点击跳转到其他页面"
图片： "这里放一张产品图片，要有说明文字"
✅ 清晰的布局描述：
"页面顶部是导航菜单，中间是主要内容区域，分为左右两栏，左边是文章内容，右边是侧边栏，底部是联系信息"
✅ 具体的元素要求：
"我需要一个注册表单，包含姓名输入框、邮箱输入框、密码输入框和一个提交按钮"
模板：
"我需要一个[页面类型]，包含[具体元素列表]，布局是[描述排列方式]"
示例：
"我需要一个产品介绍页面，包含产品标题、产品图片、功能特点列表、价格信息和购买按钮，布局是上下排列"
模板：
"当用户[做什么动作]时，页面要[发生什么变化]"
示例：
"当用户点击图片时，要放大显示；当用户填写表单时，要实时验证输入格式"
"我需要一个水平导航菜单，包含首页、关于我们、产品、联系我们四个选项，当前页面的菜单项要高亮显示"
"我需要一个产品展示区域，每个产品显示图片、名称、价格和简介，产品要排成网格布局，每行显示3个产品"
"我需要一个联系表单，包含姓名、邮箱、主题、留言内容四个字段，所有字段都是必填的，邮箱要验证格式，提交后显示感谢信息"
📸 实际图片示例：
这就是一个真实的图片！上面的代码就是这样显示图片的。
💡 AI沟通技巧：
1. 用具体的词汇描述，避免"好看"、"酷炫"等主观词汇
2. 说明元素的层次关系和排列方式
3. 描述用户的操作流程和预期结果
4. 提供参考网站或具体的视觉描述
了解HTML结构概念后，接下来学习CSS概念，这样你就能向AI准确描述：