티스토리 표에 이미지 넣는 방법

보통 티스토리 표 넣으실 때

위쪽에 있는 테이블 메뉴를 사용하시죠?

 

그런데 티스토리 테이블에서는 이미지 추가가 안됩니다.

분명 이미지를 넣을 경우가 생기는데 말이죠.

인간은 언제나 해결책을 찾아내는 법이죠

 

지금부터 티스토리 표에 이미지 넣는 방법을 알려드리겠습니다.

 

 

 

---

1. 티스토리 표 만들기

 

표 만들기

티스토리에서 표를 만드는 방법은 다들 알고 계시죠?

글쓰기에 들어와서 상단 메뉴에서 저런 표 모양을 선택하고

원하는 칸만큼 드래그해주시면 됩니다.

 

적당히 표를 만들어줄게요.

 

-

 

표 제작

이런 식으로 일단 이미지를 제외한 부분에 내용을 적어줍니다.

저는 대충 만들어볼게요.

 

 

-

 

---

2. 표에 이미지 넣기

HTML 모드

티스토리 글쓰기에서 상단 오른쪽을 보시면

기본 모드 버튼이 있는데

클릭하면 아래쪽에 HTML이 있습니다.

 

HTML 모드로 변경해서 이미지를 넣는 작업을 진행해보겠습니다.

 

여기서 선행되어야 할 점은 이미지를 주소로 가져올 것이기 때문에

이미지는 웹 어딘가에는 반드시 올라와 있어야 합니다.

 

간단한 방법으로는 티스토리에 비공개 포스팅으로 이미지를 올려주시면 됩니다.

 

-

 

위치 찾기

HTML 모드라고 너무 어렵게 생각하지 않으셔도 됩니다.

저희가 위에서 이미 내용을 적어주었죠?

 

그 내용이 적힌 부분을 찾아주세요.

<tbody></tbody> 아마 이런 꺽쇄안에 들어있을 텐데요.

그렇다면 잘 찾으신 겁니다.

 

그리고 내용이 적혀있지 않은 부분은 &nbsp;이라는 문구가 적혀있죠?

이 문구는 html에서 빈 공간을 뜻하는 것으로 지워주시고 이미지를 넣으면 됩니다.

어렵지 않죠?

 

-

 

<img src="이미지 주소">

이미지 태그 넣기

① &nbsp; 지우기

② <img src=""> 입력

 

먼저 &nbsp;를 지워주시고요.

그 자리에 <img src="">를 복사 붙여 넣기 해주세요.

오타가 나면 안 됩니다!

 

이 친구의 이름은 이미지 태그라는 것인데

이미지 주소를 저 따옴표 안쪽에 넣으면

이미지를 불러올 수 있어요.

 

-

 

 

이미지 주소 복사

이미지 주소는 어디서 가져오느냐

앞서 이미지를 웹 어딘가에 올려야 한다고 말씀드렸는데요.

 

그렇게 올려둔 이미지를 오른쪽 클릭해보시면

이미지 주소 복사라는 항목이 있습니다.

딸깍! 클릭해주세요.

 

-

 

이미지 주소 붙여 넣기

따옴표 안쪽으로 이미지 주소를 붙여 넣어줍니다.

저작권에 침해되는 이미지는 안됩니다.

 

 

그리고 다시 기본 모드로 돌아오면

표에 이미지가 삽입된 모습을 볼 수 있습니다.

 

확인되셨다면 나머지 칸들도 똑같이 진행해주세요.

---

3. 이미지가 들어간 표 확인하기

강아지	고양이	야옹이
멍멍	야옹야옹	깩깩

이미지가 들어간 표

위의 표가 지금까지의 과정을 진행한 표입니다.

티스토리 표에도 충분히 이미지를 넣을 수 있죠?

표에 이미지 넣기 활용해보세요~!

 

그나저나 표에 들어간

이런 귀여운 반려동물 일러스트 어디에서 만날 수 있는가!

아래 버튼을 눌러보세요~!

 

아이디어스 바로가기

 

---

이상으로 티스토리 표에 이미지 넣는 방법이었습니다.

도움이 되셨다면 공감과 댓글, 구독을 부탁드립니다.

 

 

[같이 보면 좋은 포스팅]

[tip/티스토리 팁] - 티스토리 애드센스 광고 관리 - 차단 쉽게 하는 방법

티스토리 애드센스 광고 관리 - 차단 쉽게 하는 방법

[tip/티스토리 팁] - 구글 서치 콘솔 티스토리 플러그인 재연결

구글 서치 콘솔 티스토리 플러그인 재연결

 

그럼 이만.

총총.