[아주 대충 HTML] 이미지 태그

[아주 대충 HTML] 이미지 태그


<img src="사진주소">
이미지 HTML 태그는 아주 간단합니다. 
이런데 저도 그랬듯이 왕초보이신 분들은 막상 어찌 해야할지 당황하게 됩니다.



1. 사진주소 알기



이 그림의 주소를 알고자 합니다.

1) 크롬에서는 
     오른쪽 마우스 버튼 클릭 - 이미지 URL 복사

2) 인터넷 익스플로러 (IE)에서는 
    ㄱ) 오른쪽 마우스 클릭 - 속성 (위 그림 참고)
    ㄴ) 블럭 씌우고 - 오른쪽 마우스 버튼 - 복사           

         

3) 사진 주소
     위 과정을 통해 알아낸 주소가 
     http://ojsfile.ohmynews.com/PHT_IMG_FILE/2013/0810/IE001609687_PHT.jpg




2. 그림 주소 img 태그에 넣기

      사진주소는 http://ojsfile.ohmynews.com/PHT_IMG_FILE/2013/0810/IE001609687_PHT.jpg 입니다.

1) 사진주소 넣기 
    

   <img src="사진주소">

   <img src="http://ojsfile.ohmynews.com/PHT_IMG_FILE/2013/0810/IE001609687_PHT.jpg">

2) 글쓰기를 HTML 상태로

ㄱ) 일단 글쓰기 상태에서 HTML이라고 쓰인 체크박스나 탭을 누르시면 HTML 모드의 글쓰기가 됩니다. 

ㄴ) 이 모드에서 위의 <img src="http://ojsfile.ohmynews.com/PHT_IMG_FILE/2013/0810/IE001609687_PHT.jpg">를 삽입하면 됩니다.

ㄷ) 사진의 위치가 마음에 안들면 html 상태에서 위치를 바꿀수도 있고 html이 낯선 분은 위의 html 체크를 빼고 일반 글쓰기 상태에서 그림을 블럭을 씌워 잡아 끌거나 잘라내기(ctrl+x) 붙여 넣기(ctrl+v)를 하시면 됩니다.


3. 이미지 크기 조정

   위에서 img 태그를 쓴 결과입니다. 오른쪽이 잘려서 그림 크기를 조정해야 할 듯합니다.




1) 이미지 크기 태그

    <img src="사진주소" width="400" height="300">