(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 속성으로 풍선도움말을 쉽게 지원해서 웹제작자들에게 편의를 제공합니다.
|
|
