Help:外部图像 - 版本历史

imported>=海豚=：文本替换 - 替换“[[Category:”为“[[分类:”

2021-04-18T13:10:33Z

文本替换 - 替换“[[Category:”为“[[分类:”

←上一版本		2021年4月18日 (日) 21:10的版本
第122行：		第122行：
	* 更多图像模板{{参见\|[[:分类:圖像維護模板]]}}		* 更多图像模板{{参见\|[[:分类:圖像維護模板]]}}

	[[~~Category~~:帮助]]		[[ 分类:帮助]]

imported>=海豚=：文本替换 - 替换“
”为“
”

2021-04-18T13:06:13Z

文本替换 - 替换“ ”为“ ”

←上一版本		2021年4月18日 (日) 21:06的版本
第102行：		第102行：
	\| src \|\| ''URL'' \|\| {{color\|red\|必须使用。}}规定显示图像的URL。		\| src \|\| ''URL'' \|\| {{color\|red\|必须使用。}}规定显示图像的URL。
	\|-		\|-
	\| height \|\| ''pixels<br>%'' \|\| 定义图像的高度。		\| height \|\| ''pixels<br/>%'' \|\| 定义图像的高度。
	\|-		\|-
	\| width \|\| ''pixels<br>%'' \|\| 设置图像的宽度。		\| width \|\| ''pixels<br/>%'' \|\| 设置图像的宽度。
	\|-		\|-
	\| alt \|\| ''text'' \|\| 规定图像的替代文本（当图片无法显示时，显示文本内容）。		\| alt \|\| ''text'' \|\| 规定图像的替代文本（当图片无法显示时，显示文本内容）。

imported>=海豚=：文本替换 - 替换“img.moegirl.org”为“img.moegirl.org.cn”

2021-02-21T03:19:54Z

文本替换 - 替换“img.moegirl.org”为“img.moegirl.org.cn”

←上一版本		2021年2月21日 (日) 11:19的版本
第7行：		第7行：
	直接在文中插入图片地址，即可显示图片：		直接在文中插入图片地址，即可显示图片：

	'''<nowiki>https://img.moegirl.org/common/8/87/2010-DEC-13MoeGirlWikiLogo.png</nowiki>'''		'''<nowiki>https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png</nowiki>'''

	效果如下：		效果如下：

	https://img.moegirl.org/common/8/87/2010-DEC-13MoeGirlWikiLogo.png		https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png

	這樣使用的時候在圖片後不要帶有URL參數。<!--如:https://img.moegirl.org/common/8/87/2010-DEC-13MoeGirlWikiLogo.png?miaomiaomiao 喵喵喵-->		這樣使用的時候在圖片後不要帶有URL參數。<!--如:https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png?miaomiaomiao 喵喵喵-->

	;[[Help:魔术字/解析器函数#URL与标题的数据和解析]]		;[[Help:魔术字/解析器函数#URL与标题的数据和解析]]
第25行：		第25行：

	=== 带链接的外部图像 ===		=== 带链接的外部图像 ===
	'''<nowiki>[http://zh.moegirl.org.cn/ https://img.moegirl.org/common/8/87/2010-DEC-13MoeGirlWikiLogo.png]</nowiki>'''		'''<nowiki>[http://zh.moegirl.org.cn/ https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png]</nowiki>'''

	* 注意：格式为 <nowiki>[</nowiki>'''链接地址'''(空格)''图片地址''<nowiki>]</nowiki>		* 注意：格式为 <nowiki>[</nowiki>'''链接地址'''(空格)''图片地址''<nowiki>]</nowiki>
第31行：		第31行：
	效果如下：		效果如下：

	[http://wiki.moegirl.org/ https://img.moegirl.org/common/8/87/2010-DEC-13MoeGirlWikiLogo.png]		[http://wiki.moegirl.org/ https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png]

	=== 带注释的外部图像 ===		=== 带注释的外部图像 ===
第39行：		第39行：
	语法为：'''<nowiki>{{外部图片注释\|图片地址\|注释文字\|位置（默认为右）\|宽度=尺寸（默认为400px）}}</nowiki>'''		语法为：'''<nowiki>{{外部图片注释\|图片地址\|注释文字\|位置（默认为右）\|宽度=尺寸（默认为400px）}}</nowiki>'''

	'''<nowiki>{{外部图片注释\|https://img.moegirl.org/common/8/87/2010-DEC-13MoeGirlWikiLogo.png\|这是萌娘百科LOGO\|左\|宽度=150px}}</nowiki>'''		'''<nowiki>{{外部图片注释\|https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png\|这是萌娘百科LOGO\|左\|宽度=150px}}</nowiki>'''

	效果如下：		效果如下：

	{{外部图片注释\|https://img.moegirl.org/common/8/87/2010-DEC-13MoeGirlWikiLogo.png\|这是萌娘百科LOGO\|左\|宽度=150px}}		{{外部图片注释\|https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png\|这是萌娘百科LOGO\|左\|宽度=150px}}
	----		----
	您也可以使用这个模板的增强版{{tl\|Outer image}}，详见[[模板:Outer image/doc]]。		您也可以使用这个模板的增强版{{tl\|Outer image}}，详见[[模板:Outer image/doc]]。
第65行：		第65行：
	如果需要一个宽度为250px的图片：		如果需要一个宽度为250px的图片：

	'''<nowiki><img src="https://img.moegirl.org/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="width:250px;" /></nowiki>'''		'''<nowiki><img src="https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="width:250px;" /></nowiki>'''

	效果如下：		效果如下：

	<img src="https://img.moegirl.org/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="width:250px;" />		<img src="https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="width:250px;" />

	==== 使用'''高度'''属性 ====		==== 使用'''高度'''属性 ====
	如果需要一个高度为150px的图片：		如果需要一个高度为150px的图片：

	'''<nowiki><img src="https://img.moegirl.org/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="height:150px;" /></nowiki>'''		'''<nowiki><img src="https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="height:150px;" /></nowiki>'''

	效果如下：		效果如下：

	<img src="https://img.moegirl.org/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="height:150px;" />		<img src="https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="height:150px;" />

	==== 同时使用 ====		==== 同时使用 ====
第84行：		第84行：
	* 注：宽度属性和高度属性没有先后顺序之差别，即“先写宽度后写高度”和“先写高度后写宽度”没有差别。		* 注：宽度属性和高度属性没有先后顺序之差别，即“先写宽度后写高度”和“先写高度后写宽度”没有差别。

	'''<nowiki><img src="https://img.moegirl.org/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="height:300px;width:500px;" /></nowiki>'''		'''<nowiki><img src="https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="height:300px;width:500px;" /></nowiki>'''

	效果如下：		效果如下：

	<img src="https://img.moegirl.org/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="height:300px;width:500px;" />		<img src="https://img.moegirl.org.cn/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="height:300px;width:500px;" />

	* 注意1：通常过大的图片不应该放置在条目正文内，这会不方便读者浏览。大多数图片的'''宽度'''应大约位于100至400像素之间，所以在设定图片大小时，数值不应超过这个范围。		* 注意1：通常过大的图片不应该放置在条目正文内，这会不方便读者浏览。大多数图片的'''宽度'''应大约位于100至400像素之间，所以在设定图片大小时，数值不应超过这个范围。

imported>=海豚=：文本替换 - 替换“
”为“
”

2021-01-13T12:25:59Z

文本替换 - 替换“ ”为“ ”

←上一版本		2021年1月13日 (三) 20:25的版本
第102行：		第102行：
	\| src \|\| ''URL'' \|\| {{color\|red\|必须使用。}}规定显示图像的URL。		\| src \|\| ''URL'' \|\| {{color\|red\|必须使用。}}规定显示图像的URL。
	\|-		\|-
	\| height \|\| ''pixels<br />%'' \|\| 定义图像的高度。		\| height \|\| ''pixels<br>%'' \|\| 定义图像的高度。
	\|-		\|-
	\| width \|\| ''pixels<br />%'' \|\| 设置图像的宽度。		\| width \|\| ''pixels<br>%'' \|\| 设置图像的宽度。
	\|-		\|-
	\| alt \|\| ''text'' \|\| 规定图像的替代文本（当图片无法显示时，显示文本内容）。		\| alt \|\| ''text'' \|\| 规定图像的替代文本（当图片无法显示时，显示文本内容）。

imported>=海豚=：文本替换 - 替换“zh.moegirl.org”为“zh.moegirl.org.cn”

2020-07-22T08:00:29Z

文本替换 - 替换“zh.moegirl.org”为“zh.moegirl.org.cn”

←上一版本		2020年7月22日 (三) 16:00的版本
第25行：		第25行：

	=== 带链接的外部图像 ===		=== 带链接的外部图像 ===
	'''<nowiki>[http://zh.moegirl.org/ https://img.moegirl.org/common/8/87/2010-DEC-13MoeGirlWikiLogo.png]</nowiki>'''		'''<nowiki>[http://zh.moegirl.org.cn/ https://img.moegirl.org/common/8/87/2010-DEC-13MoeGirlWikiLogo.png]</nowiki>'''

	* 注意：格式为 <nowiki>[</nowiki>'''链接地址'''(空格)''图片地址''<nowiki>]</nowiki>		* 注意：格式为 <nowiki>[</nowiki>'''链接地址'''(空格)''图片地址''<nowiki>]</nowiki>

imported>850710247liu：// Edit via Wikiplus

2020-02-26T02:47:30Z

// Edit via Wikiplus

显示更改

imported>A635683851：创建页面，内容为“本页面是一个'''关于如何使用外部图像'''的帮助，如果您需要插入内部图片，请参见：'''Help:图像''' == 简单语法 == 简单的...”

2016-10-23T14:52:51Z

创建页面，内容为“本页面是一个'''关于如何使用外部图像'''的帮助，如果您需要插入内部图片，请参见：'''Help:图像''' == 简单语法 == 简单的...”

新页面

本页面是一个'''关于如何使用外部图像'''的帮助，如果您需要插入内部图片，请参见：'''[[Help:图像]]'''
== 简单语法 ==

简单的使用外部图片，可以直接将图片地址输入或粘贴指条目内（如下文）。

=== 简单显示外部图像 ===
直接在文中插入图片地址，即可显示图片：

'''<nowiki>https://img.acg.moe/common/8/87/2010-DEC-13MoeGirlWikiLogo.png</nowiki>'''

效果如下：

https://img.acg.moe/common/8/87/2010-DEC-13MoeGirlWikiLogo.png

==== 使用模板排版外部图片 ====
:参见：[[模板:图片外链]]

=== 带链接的外部图像 ===
'''<nowiki>[http://zh.moegirl.org/ https://img.acg.moe/common/8/87/2010-DEC-13MoeGirlWikiLogo.png]</nowiki>'''

* 注意：格式为 <nowiki>[</nowiki>'''链接地址'''(空格)''图片地址''<nowiki>]</nowiki>

效果如下：

[http://wiki.moegirl.org/ https://img.acg.moe/common/8/87/2010-DEC-13MoeGirlWikiLogo.png]

=== 带注释的外部图像 ===
:主条目：[[Template:外部图片注释]]
萌娘百科中有一个[[Template:外部图片注释|模板]]，可以让编辑者方便地为外部图片加上[[Help:图像#使用框架，添加标题|框架]]。

语法为：'''<nowiki>{{外部图片注释|图片地址|注释文字|位置（默认为右）|宽度=尺寸（默认为400px）}}</nowiki>'''

'''<nowiki>{{外部图片注释|https://img.acg.moe/common/8/87/2010-DEC-13MoeGirlWikiLogo.png|这是萌娘百科LOGO|左|宽度=150px}}</nowiki>'''

效果如下：

{{外部图片注释|https://img.acg.moe/common/8/87/2010-DEC-13MoeGirlWikiLogo.png|这是萌娘百科LOGO|左|宽度=150px}}
----
您也可以使用这个模板的增强版{{tl|Outer image}}，详见[[模板:Outer image/doc]]。

== <nowiki><img></nowiki>语法 ==
'''<nowiki><img></nowiki>语法'''可能相对复杂，但使用这个语法可以改变外部图片大小（[[#简单语法|简单语法]]无法实现）等功能。

=== 基础格式 ===
'''<nowiki><img src="https://img.acg.moe/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" /></nowiki>'''

效果如下：

<img src="https://img.acg.moe/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" />

这种写法显示出来和[[#简单显示外部图片]]中的图片无异。

=== 图片缩放 ===
实现图片缩放有两种方式：定义图片'''宽度'''（'''width'''属性）或/和定义图片'''高度'''（'''height'''属性）。

==== 使用'''宽度'''属性 ====
如果需要一个宽度为250px的图片：

'''<nowiki><img src="https://img.acg.moe/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="width:250px;" /></nowiki>'''

效果如下：

<img src="https://img.acg.moe/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="width:250px;" />

==== 使用'''高度'''属性 ====
如果需要一个高度为150px的图片：

'''<nowiki><img src="https://img.acg.moe/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="height:150px;" /></nowiki>'''

效果如下：

<img src="https://img.acg.moe/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="height:150px;" />

==== 同时使用 ====
同时定义高度和宽度可以实现'''拉伸图片'''的效果。
* 注：宽度属性和高度属性没有先后顺序之差别，即“先写宽度后写高度”和“先写高度后写宽度”没有差别。

'''<nowiki><img src="https://img.acg.moe/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="height:300px;width:500px;" /></nowiki>'''

效果如下：

<img src="https://img.acg.moe/common/8/87/2010-DEC-13MoeGirlWikiLogo.png" style="height:300px;width:500px;" />

* 注意：通常过大的图片不应该放置在条目正文内，这会不方便读者浏览。大多数图片的'''宽度'''应大约位于100至400像素之间，所以在设定图片大小时，数值不应超过这个范围。

* 另外请注意，强行放大图片会使分辨率下降，这因为我们要求图片变成500像素宽，但图片的实际大小并没有500像素宽，因此浏览器的排版显示器便要将图片强制扩大至500像素宽，其显示效果便会较差了。所以'''切记永不'''依照这个方法来放大图片。

=== 其它属性 ===
'''<nowiki><img></nowiki>语法'''还有其它的属性可以选用：

{| class="wikitable sortable"
|-
! 属性 !! 值 !! 描述
|-
| src || ''URL'' || {{color|red|必须使用。}}规定显示图像的URL。
|-
| height || ''pixels %'' || 定义图像的高度。
|-
| width || ''pixels %'' || 设置图像的宽度。
|-
| alt || ''text'' || 规定图像的替代文本（当图片无法显示时，显示文本内容）。
|-
| title || ''text'' || 鼠标滑过时显示的文字提示。
|-
| longdesc || ''URL'' || 指向包含长的图像描述文档的URL。
|-
| ismap || ''URL'' || 将图像定义为服务器端图像映射。
|-
| usemap || ''URL'' || 将图像定义为客户器端图像映射。
|}
* 各属性详细资料请参见[[#参考资料|参考资料]]。

== 参考资料与注释 ==
* http://www.w3school.com.cn/tags/tag_img.asp <nowiki>《HTML <img> 标签》</nowiki>
* 更多图像模板参见[[:分类:圖像維護模板]]

{{DEFAULTSORT:Waibutuxiang}}
[[Category:帮助]]

Help:外部图像 - 版本历史

imported>=海豚=：​文本替换 - 替换“[[Category:”为“[[分类:”

imported>=海豚=：​文本替换 - 替换“”为“”

imported>=海豚=：​文本替换 - 替换“img.moegirl.org”为“img.moegirl.org.cn”

imported>=海豚=：​文本替换 - 替换“”为“”

imported>=海豚=：​文本替换 - 替换“zh.moegirl.org”为“zh.moegirl.org.cn”

imported>850710247liu：​// Edit via Wikiplus

imported>A635683851：​创建页面，内容为“本页面是一个'''关于如何使用外部图像'''的帮助，如果您需要插入内部图片，请参见：'''Help:图像''' == 简单语法 == 简单的...”

imported>=海豚=：文本替换 - 替换“[[Category:”为“[[分类:”

imported>=海豚=：文本替换 - 替换“
”为“
”

imported>=海豚=：文本替换 - 替换“img.moegirl.org”为“img.moegirl.org.cn”

imported>=海豚=：文本替换 - 替换“
”为“
”

imported>=海豚=：文本替换 - 替换“zh.moegirl.org”为“zh.moegirl.org.cn”

imported>850710247liu：// Edit via Wikiplus

imported>A635683851：创建页面，内容为“本页面是一个'''关于如何使用外部图像'''的帮助，如果您需要插入内部图片，请参见：'''Help:图像''' == 简单语法 == 简单的...”