컴퓨터/ETC

HTML 그림에 링크 걸기

김치부침개21 2016. 1. 17. 16:30
반응형

오랜만에 HTML 다 까먹었다!!ㅎㅎ

 

블로그를 하면서 HTML을 잘 몰라 당황했던 적이 아주 여러번 있었습니다. 처음에는 링크도 어떻게 걸어야 하는거지 하면서 인터넷 검색하면서 찾아다녔는데,글쓰기 모드에서 간단하게 링크를 걸수 있다는것에 상당히 허탈했던 기억이 납니다.

그래도 글쓰기 모드가 만능은 아니기에.. HTML을 좀 알아야 할수 있는게 몇가지 있는데요. 그중에 하나가 지금 말하려 하는 그림(이미지)에 링크걸기가 아닌가 합니다.

블로그를 하면서 이미지에 링크를 걸일이 있어서 그림 파일 첨부시키고, 거기에 링크를 했는데.링크가 안 걸리더군요.. ㅡ ㅡ;
뭐지..뭐지..하면서 계속 시도해 봤으나,,역쉬나 안되더군요.. 이런 망할.. 어떻게 해야 하는거야..하다가..
역쉬 우리나라는 검색하면 왠만한건 뭐든지 나오더군요..검색으로 찾았습니다만..
살짝 어렵길래..간단히 다시 정리해 볼까 합니다.

다른 싸이트에 있는 이미지 링크 걸기

   싸이트 검색중 발견한 괜찮을 이미지를 가져다 쓰고 싶을때 쓰는 방법입니다.

 
  1. 싸이트에서 발견한 이미지위에 마우스를 놓고 오른쪽 버튼을 클릭을 합니다.
   2. 그러면 밑에 속성이 뜨는데요. 속성을 클릭합니다.
   3. 속성을 클릭하면 이미지의 등록정보가 뜨는데요. 거기서 주소를 긁어서 복사해 놓습니다.
   4. 이제 HTML 모드로 들어가서 <a href="링크를 걸고자 하는 싸이트"><img src="3번에서 복사해
     놓은 주소
"></a> 를 입력합니다.
   5. 일반 편집모드로 들어가서 그림과 링크가 제대로 됬는지 확인합니다.


 
자신만의 이미지 링크 걸기

   타 싸이트에 없는 자신의 이미지를 링크시키고 싶을때 쓰는 방법입니다.

   1. 블로그나 까페에 비공개로 포스팅을 하나 만들어서 거기에 그림파일을 첨부시킵니다.
   2. 그림파일이 첨부된 포스팅으로 가서 이미지위에 마우스를 놓고 오른쪽 버튼을 클릭합니다.
   3. 그러면 밑에 속성이 뜨는데요. 속성을 클릭합니다.
   4. 속성을 클릭하면 이미지의 등록정보가 뜨는데요. 거기서 주소를 긁어서 복사해 놓습니다.
   5. 이제 HTML 모드로 들어가서 <a href="링크를 걸고자 하는 싸이트"><img src="4번에서 복사해
     놓은 주소
"></a> 를 입력합니다.
   6. 일반 편집모드로 들어가서 그림과 링크가 제대로 됬는지 확인합니다.


이 방법을 이용하면 본문 상 하단, 사이드 바에도 전부 이미지 링크 적용하는게 가능하더군요..
역쉬 블로그를 제대로 하려면 HTML을 배워야 하는구나.. 하는걸 느낍니다..ㅡㅜ..

 

출처 : http://zodiacsword.tistory.com/219

반응형

'컴퓨터 > ETC' 카테고리의 다른 글

CPU / RAM 용어 설명, 차이  (4) 2016.01.17