예전에 올려둔 게 있었는데 저작권 태그 지운다면서 다 날려먹어서 다시 작성을;;;

이미지 형식에 따라서도 다르지 않고 방식은 동일합니다 +_+

요새 제가 이뻐라하는 애프터스쿨의 유이 양 이미지를 링크하는

튜토리얼을 작성해 보도록 하겠습니다. +_+

요대로만 따라하심 될 겁니다.


1. 타 사이트의 이미지를 링크하기

베팍 에디터의 특성상 두 가지 방법으로 html 태그 적용이 가능합니다.

html 태그를 직접 붙여넣으시는 방법이 있고,

아니면 에디터의 버튼을 이용하여 삽입하시는 방법이 있습니다.

앞으로의 모든 챕터에서

① 에디터의 버튼 사용, ② text모드에서 html 태그 직접 입력

의 예를 보여 드리도록 하겠습니다.






일단 이미지를 찾아 헤매 봅니다~~

구글링을 해봤지만 딱히 맘에 드는 건 없고

역시 아이돌 자료는 엠팍에서 검색을 해야 만족스러운 넘이 나옵니다 +_+

(왠만하면 엠팍 자료는 좀 자제하려고 했건만 +_+)



엠팍의 하든님 게시물이네요 +_+ gif 움짤입니다.

첫번째 꺼를 링크해 보도록 하겠습미당~

가장 쉬운 방법은 긁어서 crtl+c, ctrl+v 하시믄 됩니다;;




드래그하셔서 블럭 지정하시고~ ctrl+c

그리고 베팍 에디터에서 ctrl+v 하시믄



(잘 나오네요 +_+)

1-① 에디터의 버튼 사용

다음으로는 이미지 주소를 따와서 에디터의 버튼을 사용하는 방법 +_+

그림을 우클릭하여 그림 주소를 따옵니다~

(IE에서는 우클릭하신 후 속성 고르시믄 그림 주소가 있습니다.)


(우클릭 하신 후~ 속성)




(주소를 따옵니다~)




(베팍 에디터로 오신 후, 그림넣기 버튼을 클릭)




이미지 파일 입력 창의 주소에 그림 주소를 붙여 넣습니다.

주의할 점은 미리보기 창에 그림이 뜬 걸 확인하고 난 후에 확인 버튼을 눌러야 한다는 거.

성격 급한 분들 주소 붙여넣고 바로 확인 누르믄 링크 안될 수가 있어여~

1-② text모드에서 html 태그 바로 입력

아래의 에디터 상태 컴보박스에서 text모드로 전환 하시고

바로 <img src=주소>

태그를 넣으시는 전통적인 방법 되겠습니다.

다만 text모드에서 html태그를 직접 적용시키실 때 주의하실 점이 있는데,

text모드에서는 줄바꿈, 단락 지정도 모두 태그로 이루어 지므로

왠만하면 필요한 코드만 삽입하시고 바로 html모드로 돌아오셔서 편집하시는 게 편리합니다.



(에디터 상태를 text모드로 바꿉니다)



(이미지 태그를 입력하고 에디터 상태를 html 모드로 되돌리면

그림이 삽입된 것을 확인할 수 있습니다.)