이미지 태그 간단 활용

블로그를 운영하다보면 내가 컴퓨터 관련 학과에 입학하여 공부했다면 어땠을까 하는 생각도 듭니다. 그랬다면 블로그를 더 잘 꾸밀수도 있을거고 더 나아가 나만의 홈페이지를 만들수도 있었겠다는 생각을 하는데요 이미 지나간 과거를 돌릴수는 없는일이니 현재 주어진 여건에서 열심히 하는것이 맞는 것 같습니다. 그래도 블로그를 다년간 운영하다보니 간단한 태그정도는 익히게 되더군요. 오늘은 이미지 태그 활용법에 대해서 글을 작성하는데 저도 전문가가 아니다보니 그냥 기본적인 태그 적용방법만 알려드리겠습니다.

제가 이번 포스팅을 하기위해서 사진 하나를 준비해보았습니다. 인터넷 검색을 통하여 구한 이미지인데 초저녁같기도 하고 새벽같기도 한 아름다운 바닷가 모습이 보이고 있습니다. 일단 이 사진을 컴퓨터에 저장했습니다.

그리고 이제 티스토리 계정에 접속하여 글쓰기를 해보겠습니다. 사진 넣는 방법은 다들 알고계시죠? 글쓰기화면 상단 좌측에 [사진] 버튼을 눌러서 삽입할 수 있습니다.

해당 단추를 누른다음 [사진추가하기] 버튼을 눌러서 여러분들의 컴퓨터에 있는 이미지파일을 불러오기 합니다.

그러면 이렇게 제가 좀전에 인터넷에서 다운받은 사진이 첨부됩니다. 이건 제 개인적인 팁인데요 블로그 포스팅을 하면서 이미지를 올릴때에는 이처럼 직접 자신의 컴퓨터에 저장되어있던 파일을 올리는 것이 좋습니다. 그래야 나중에라도 사진이 깨지거나 하는 확률이 적더군요. 어쨌든 이미지 위에 마우스를 올리고 오른쪽 단추를 누릅니다. 그리고 [이미지 주소 복사] 버튼을 눌러서 클립보드에 저장해주세요. 이제 [HTML] 모드로 변환합니다.

소스들이 막 보이고 있는데요 비어있는 공간에 이미지 태그를 넣어봅시다. 위의 그림에서 검은색 네모칸으로 쳐놓은 부분인데요 <img src="이미지주소"> 이런식으로 만들면 됩니다. width 또는 height 태그를 추가하여 가로세로 사이즈를 변경할수도 있습니다. 아무튼 저렇게 하면 HTML모드를 풀었을때 좀전에 보았던 사진과 똑같은 사진을 만들어낼 수 있어요.