이미지에 링크와 말풍선넣기

안녕하세요 LEO 입니다.

오랜만에 글을 적다가 이미지클릭시 원하는 링크로 이동과

이미지 위에 마우스오버하면 말풍선을 넣고 싶어졌는데요. 

어떻게 했는지 공유해드리도록 하겠습니다.

 

우선 티스토리에 원하는 글을 적습니다.

 

다음으로 기본모드에서 HTML모드로 변경해 줍니다.

 

그럼 검정 바탕으로 변경되면서 HTML 코드가 나옵니다. 

아래와 같이 그림을 첨부하고 싶은곳에 넣습니다.

 

<p><a href="클릭하면 이동할 주소" title"마우스올리면 나올내용"><img src="이미지주소" title="마우스올리면 나올내용" alt="이미지 안보일시(엑스박스나올시) 나오는 내용" ></a></p>

예시 화면은 아래와 같습니다. 

마우스오버 캡처