(1) 홈페이지에 그림을 삽입하는 태그는 모두들 아는 바와 같이 다음과 같습니다

<img src=그림이름.gif border=0>


그림에 마우스를 올려놓았을때 그 그림에 대한 설명을 풍선도움말로 설명하는 방법은 alt 속성을 이용하면 간단하가 해결이 됩니다. 즉 다음과 같이

<img src=그림이름.gif border=0 alt="그림설명">


다음은 위의 태그 적용예입니다. 아래 그림에 마우스를 올려놓아 보세요.

그림에 대한설명입니다


(2) 글자에 풍선도움말 나타나게 하는방법 - 보통 글자색이나 기타 글꼴을 적용시킬때는 다음과 같이 폰트 태그를 사용합니다.

<font size=2 color=blue>파란글자</font>


위와같이 하면 글자에 마우스를 올려놓아도 아무런 변화가 없습니다. 하지만 다음과 같이 타이틀 속성을 적용하면 글자에 마우스를 올려놓으면 그림에서 alt 속성과 같은 현상이 일어납니다.

<font size=2 color=blue title="글자에대한설명">파란글자</font>


다음은 위의 태그를 적용시킨 것입니다. 글자에 마우스를 한번 올려놓아 보세요. 마우스를 글자에 잘 올리시고 조금 기다리셔야 풍선도움말을 확인하실수 있습니다.

파란글자


(3) title 속성은 꼭 폰트에만 해당하는게 아닙니다.

<b title="도움말">원하는글자</b>


<i title="도움말">원하는글자</i>


글자를 굵게 하는 b 태그와 이탤릭체로 만들어주는 i 태그 에도 그대로 적용이 됩니다. 하지만 이런 방법은 익스버젼 5.0 이상에서만 지원되는 새로운 기법이라고 하는군요.

폼태그에도..적용이되고 기타 아무튼 title 속성으로 풍선도움말을 쉽게 지원해서 웹제작자들에게 편의를 제공합니다.