查看“︁帮助:图像”︁的源代码

在Rizline中文维基中往往需要插入图片，在此之前要先[[特殊:上传文件|上传文件]]。本页将简要介绍嵌入图像的办法。

== 基本语法 ==
<pre>
[[文件:文件名.文件格式|控制参数|说明]]
</pre>
多个参数可以用管道符“<code>|</code>”来分割，以实现不同的控制效果，并且控制参数没有特定的排序，但多个同类参数只有第一个会生效。如果两个不能组合使用的参数同时存在，后一个会被当作说明。
{| class="wikitable" 
|-
! 类型 !! 参数
|-
| style=text-align:center | 格式
| <code>边框</code> / <code>border</code>、<code>无框</code> / <code>frameless</code>、<code>有框</code> / <code>frame</code> / <code>framed</code>、<code>缩略图</code> / <code>thumb</code> / <code>thumbnail</code>
|-
| style=text-align:center | 尺寸
| <code>宽度px</code>、<code>x高度px</code>、<code>宽度x高度px</code>、<code>upright</code> / <code>右上</code><ref>'''upright'''在这里的意思是“竖的，垂直的”，中文参数“右上”可能是望文生义的错译。</ref>
|-
| style=text-align:center | 水平对齐
| <code>无</code> / <code>none</code>、<code>居中</code> / <code>center</code>、<code>左</code> / <code>left</code>、<code>右</code> / <code>right</code>）
|-
| style=text-align:center | 垂直对齐
| <code>middle</code> / <code>中间</code>、<code>baseline</code> / <code>基线</code>、<code>sub</code> / <code>子</code>、<code>super</code> / <code>超</code>、<code>top</code> / <code>顶部</code>、<code>text-top</code> / <code>文字顶部</code>、<code>bottom</code> / <code>底部</code>、<code>text-bottom</code> / <code>文字底部</code>
|-
| style=text-align:center | 链接
| <code>link=内部链接 或 外部链接 或 空值</code> / <code>链接=</code>
|-
| style=text-align:center | 替代文本
| <code>alt=替代文本</code> / <code>替代文本=</code> / <code>替代=</code>
|-
| style=text-align:center | 类
| <code>class=HTML类</code> / <code>类=</code>
|-
| style=text-align:center | 语言代码
| <code>lang=语言代码</code> <small>* 一般无需使用。</small>
|}

=== 定义图片的宽度 ===
{|class=wikitable
|-
!大小!!语法!!效果
|-
|只定义宽度||<pre>[[文件:魔女帽子Kiwi.png|200px]]</pre>||[[文件:魔女帽子Kiwi.png|200px]]
|-
|只定义高度||<pre>[[文件:魔女帽子Kiwi.png|x100px]]</pre>||[[文件:魔女帽子Kiwi.png|x100px]]
|-
|同时定义宽度和高度||<pre>[[文件:魔女帽子Kiwi.png|50x50px]]</pre>||[[文件:魔女帽子Kiwi.png|50x50px]]
|}

=== 定义图片的水平位置 ===
<div style="box-shadow: .05em .05em .2em rgb(20 20 20 / 60%); border-radius: .2em; padding: .5em; margin: .5em">
==== 左 ====
===== 语法 =====
<pre>你说的对，但是Rizline
[[文件:魔女帽子Kiwi.png|100px|left]]是由鸽游自主研发的
一款竖屏音乐游戏</pre>
===== 效果 =====
你说的对，但是Rizline
[[文件:魔女帽子Kiwi.png|100px|left]]是由鸽游自主研发的
一款竖屏音乐游戏
{{Clear}}
</div>
<div style="box-shadow: .05em .05em .2em rgb(20 20 20 / 60%); border-radius: .2em; padding: .5em; margin: .5em">
==== 右 ====
===== 语法 =====
<pre>你说的对，但是Rizline
[[文件:魔女帽子Kiwi.png|100px|right]]是由鸽游自主研发的
一款竖屏音乐游戏</pre>
===== 效果 =====
你说的对，但是Rizline
[[文件:魔女帽子Kiwi.png|100px|right]]是由鸽游自主研发的
一款竖屏音乐游戏
{{Clear}}
</div>
<div style="box-shadow: .05em .05em .2em rgb(20 20 20 / 60%); border-radius: .2em; padding: .5em; margin: .5em">
==== 中 ====
===== 语法 =====
<pre>你说的对，但是Rizline
[[文件:魔女帽子Kiwi.png|100px|center]]是由鸽游自主研发的
一款竖屏音乐游戏</pre>
===== 效果 =====
你说的对，但是Rizline
[[文件:魔女帽子Kiwi.png|100px|center]]是由鸽游自主研发的
一款竖屏音乐游戏
</div>
<div style="box-shadow: .05em .05em .2em rgb(20 20 20 / 60%); border-radius: .2em; padding: .5em; margin: .5em">
==== 无 ====
===== 语法 =====
<pre>你说的对，但是Rizline
[[文件:魔女帽子Kiwi.png|100px|none]]是由鸽游自主研发的
一款竖屏音乐游戏</pre>
=====效果=====
你说的对，但是Rizline
[[文件:魔女帽子Kiwi.png|100px|none]]是由鸽游自主研发的
一款竖屏音乐游戏
</div>
<div style="box-shadow: .05em .05em .2em rgb(20 20 20 / 60%); border-radius: .2em; padding: .5em; margin: .5em">
==== 缺省 ====
===== 语法 =====
<pre>你说的对，但是Rizline
[[文件:魔女帽子Kiwi.png|100px|是由鸽游自主研发的]]
一款竖屏音乐游戏</pre>
===== 效果 =====
你说的对，但是Rizline
[[文件:魔女帽子Kiwi.png|100px|是由鸽游自主研发的]]
一款竖屏音乐游戏
</div>

=== 缩略图 ===
如果想给图像配一个标题或者一段说明文字，可以使用缩略图。缩略图默认右侧浮动，这一点与前面不同。缩略图也可以按上一节的方法定义位置。
<div style="box-shadow: .05em .05em .2em rgb(20 20 20 / 60%); border-radius: .2em; padding: .5em; margin: .5em">
==== 语法 ====
<pre>你说的对，但是Rizline
[[文件:魔女帽子Kiwi.png|100px|thumb|是由鸽游自主研发的]]
一款竖屏音乐游戏</pre>
==== 效果 ====
你说的对，但是Rizline
[[文件:魔女帽子Kiwi.png|100px|thumb|是由鸽游自主研发的]]
一款竖屏音乐游戏
{{Clear}}
</div>

== 画廊语法 ==
用<code><nowiki><gallery></nowiki></code>标签可以很方便地创建一个由缩略图组成的图库，也叫画廊。
<div style="box-shadow: .05em .05em .2em rgb(20 20 20 / 60%); border-radius: .2em; padding: .5em; margin: .5em">
==== 语法 ====
<pre><gallery>
魔女帽子Kiwi.png|你说的对，但是Rizline
魔女帽子Kiwi.png|是由鸽游自主研发的
魔女帽子Kiwi.png|link=首页|一款竖屏音乐游戏
魔女帽子Kiwi.png|alt=Kiwi is watching you
</gallery></pre>
==== 效果 ====
<gallery>
魔女帽子Kiwi.png|你说的对，但是Rizline
魔女帽子Kiwi.png|是由鸽游自主研发的
魔女帽子Kiwi.png|link=首页|一款竖屏音乐游戏
魔女帽子Kiwi.png|alt=Kiwi is watching you
</gallery></div>

== 注释、来源和外部链接 ==
<references />

[[分类:帮助]]{{帮助}}