引用图片
不论是本地图片，还是网络上的图片，都可以通过“引用图片”组件将其用在页面中。
如果是本地图片，请务必将其放到网站指定的目录下面（或者其中的子目录）。如果使用的本地图片只有文件名而没有路径，将默认从images中读取（具体请参考“文件结构”）。
如果使用的是网络图片，必须以http或htts开头。如下图所示：
对于使用的图片，一般只需指定宽度或高度的其中一项即可，另外一项会自动适应，以保证引用的图片不会变形。如上图，仅指定图片的宽度为220，那么高度会根据该图片的宽高比例自动调整。页面显示效果如下图所示：
请注意，这里的图片宽高属性在没有指定计量单位时，默认都是px（像素），如上面的220，也可以写成220px；如果在后面加上半角的“%”符号，则生成的图片宽高自动按页面容器宽度或高度占比来计算。例如，将宽度设为30%，就表示该图片将占页面容器宽度的30%。
如果要使用图文混排显示效果，仅仅勾选“图文混排”选项还不行，同时要注意以下两点：
为了能够更加直观的看到图文混排效果，我们在容器中继续添加一个文字段落组件，仍然使用之前的输入内容。这样，该容器中就有3个页面元素了：
重新生成代码之后，页面刷新效果如下图：
除此之外，还可给图片添加链接地址。如果是网络上的地址，正常以“http://***”或“https://***”的格式填写即可。如果是项目本身的页面，请务必按以下规则处理：
如希望点击图片链接到第2行所定义的本地页面，链接地址就写完整的路径及页面名称：./components/test.html。
如果要给图片添加链接到此页面的地址，就应该写为：./index.html#/menu4。