티스토리 이미지를 글자처럼 사용하는 방법

 

안녕하세요 아주 쉽게 설명해 주는 

IT Note 입니다.

오늘 알려드릴 내용은 블로그 작성 시

이미지를 글자처럼 글 중간에 삽입하는 방법

지금 소개합니다

 

---

 

이미지 주소로 만들기

 

먼저 사용할 이미지를 주소로 만들어야 합니다.

말 그대로 인터넷에 먼저 올려서

주소를 복사 해와야 하는 거죠~

왼쪽 하단에 스킨편집으로 들어갑니다.

 

오른쪽 상단 html 편집으로 들어갑니다.

 

상단 3개 탭 중 파일업로드로 들어가

추가 버튼 클릭

 

 

 

사용할 사진을 선택 후 열기 클릭

 

 

글에 넣을 사진을 선택 후 

마우스 우 클릭 링크 주소 복사 클릭

https://tistory2.daumcdn.net/tistory/6253214/skin/images/win.jpg

이렇게 위에 사진파일이 아닌 주소로 생성됩니다.

 

 

HTML 편집기 사용

 

사용할 이미지 주소가 생성되셨으면

적용해봐야겠죠?

두 개 이미지를 같이 해서 보여드릴게요

그래야 쉽게 이해가 되실 겁니다~

명령어가 길어 보이지만 별거 없습니다

실질적으로는 이미지 주소가 길고 거기다

2개 이미지 주소가 같이 되어있기 때문에 길어 보이죠~

<img style="vertical-align: middle;" src="1이미지주소" />

<img style="vertical-align: middle;" src="2이미지주소" />

이렇게 됩니다,

 

 

상단 기본모드를 HTML로 변경 후

위 명령어를 복사해서 넣어주세요

 

 

1번과 2번에 생성된 주소 2개를

넣어주시면 끝입니다

 

 

이미지 글처럼 사용하기

 

예로 글을 작성해보겠습니다.

<img style="vertical-align: middle;" src="1이미지주소" /><img style="vertical-align: middle;" src="2이미지주소" />

글처럼 사진이 중간에 들어가게 되죠?

 

자 여기서  <img style="vertical-align: middle;" src="1이미지주소" />

Middle은 ?

이 부분은 가운데를 맞춰주는 명령어입니다. 

이부분 삭제 후 입력 시

<img src="1이미지주소" /><img style="vertical-align: middle;" src="2이미지주소" />

 

 

한쪽만 적용시켰습니다.

이미지가 글자하단으로 정렬된 모습입니다.

 

글자하단 둘다적용시

<img src="1이미지주소" /><img src="2이미지주소" />

이렇게 적어주면 되겠죠?

 

오늘도 유익한 정보 되셨나요?

---

이상 아주 쉽게 설명해 주는 IT Note 였습니다.

​

참 어려운 거 같으면서도 쉬운 IT 세계

알려드릴 게 너무 많습니다.

모르는 게 있거나 궁금한 게 있으면 댓글 남겨주시면 언제든 제가 아는 부분에서만큼은

아니 공부해서 알려드리겠습니다.

​

감사합니다.

 

 

 

윈도우 메모리최적화 저는 (Mem Reduct)사용합니다.