第6课：WXML页面结构
进度 0/30
🧱
WXML页面结构
像搭积木一样搭出页面
📖知识引入
🏗️WXML是骨架
WXML（WeiXin Markup Language）是小程序的页面结构语言，像盖房子的钢筋骨架，决定「这里有什么」。
🧩标签成对出现
<view></view>像一对括号，有开有闭。漏写闭合标签，页面就会「散架」——这是新手最常见的错误。
📦view是万能盒子
<view>是最常用的容器标签，像快递纸箱，可以装文字、图片，还可以一层套一层搭复杂布局。
✍️text与image各司其职
<text>专门放文字，<image>专门放图片（记得用src属性写图片地址）。用对标签，页面才规范。
🔧属性写在开始标签
class、src、id这些「属性」写在开始标签里，像给盒子贴标签：这是图片地址、这是样式名字。
💡
WXML搭骨架：view装东西、text写字、image放图！
🔍名片页面的骨架
<view class="card">
<image class="avatar" src="/images/me.png" />
<view class="info">
<text class="name">小明</text>
<text class="school">6年级 · 爱编程</text>
</view>
</view>这段代码搭出的效果：
┌──────────────────┐ │ ┌────┐ │ │ │头像│ 小明 │ │ └────┘ 6年级·爱编程│ └──────────────────┘
嵌套关系一目了然：
view卡片
├── image 头像
└── view 信息盒
├── text 名字
└── text 简介一个「个人名片」页面 就这么搭出来了！ 自己试试再加一个 text放一句座右铭？
🎯小测验
第1题：WXML负责页面的？
第2题：WXML中显示文字用哪个标签？
第3题：图片地址应该写在哪个属性里？
📝本课知识点
- ✓WXML是页面的骨架语言
- ✓标签成对出现，有开有闭
- ✓view万能盒子可层层嵌套
- ✓text放字、image放图
- ✓属性写在开始标签里
第6课完成！继续探索下一课吧 🚀