image.adoc 1.78 KB
Newer Older
heywon.choi's avatar
heywon.choi committed
1 2 3
= Image Sample
Gildong Hong <email1@bwg.com>
:description: The document's description. This document is about the image sample.
heywon.choi's avatar
heywon.choi committed
4 5
include::../attributes/common_attrs.adoc[]
include::../attributes/dir_attrs.adoc[]
heywon.choi's avatar
heywon.choi committed
6 7 8 9 10 11 12 13

[abstract]
.문서개요
--
This document has a header that specifies the {doctitle}.
This document is about the image.
--

heywon.choi's avatar
heywon.choi committed
14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74
== 블록 이미지
* 문서에서 개별 요소, 즉 한 줄에 표시됩니다.
* 매크로 이름으로 지정되며 그 뒤에 두 개의 콜론(::)이 옵니다.
* 대괄호([]) 안에는 대체 텍스트를 입력합니다.
* 앞에는 빈 줄이 오고, 한 줄에 단독으로 입력, 그 뒤에 빈 줄이 옵니다.
----
Content in document.

.이미지 제목
image::logo.png["Logo"]

Content in document
----

* 결과
+
====
Content in document.

.이미지 제목
image::logo.png["Logo"]

Content in document
====

=== 추가 속성
* 제목 설정: .A logo
* ID 설정: #img-logo
* 링크 설정: link=https://bankwareglobal.com
* 빈 창 대상 지정: window=_blank
* 검색 인덱서가 링크를 따르지 않도록 설정: opts=nofollow
* 크기 설정: 200,100 -> 너비=200, 높이=100
----
.A logo
[#img-logo,link=https://bankwareglobal.com,window=_blank,opts=nofollow]
image::logo.png["Logo",200,100]
----
* 결과
+
====
.A logo
[#img-logo,link=https://bankwareglobal.com,window=_blank,opts=nofollow]
image::logo.png["Logo",200,100]
====

== 인라인 이미지
* 단락 또는 사이드바 블록과 같은 다른 요소의 흐름에 표시됩니다.
* 매크로 이름 뒤에 콜론(:)이 하나 붙습니다.
----
Click image:play.png["Play"] to get the party started.

Click image:pause.png["Pause"] when you need a break.
----

* 결과
+
====
Click image:play.png["Play"] to get the party started.

Click image:pause.png["Pause"] when you need a break.
====