+++ 홈제작 바이블 +++
홈제작 바이블 이 사이트는 이영찬님의 사이트를 복원한 것입니다.
Untitled Document
Html
Dhtml
Css
Php
Asp
Cgi
Java Script
Java Applet
Multimedia
Win Tip
풍선도움말 Alt 속성
(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 속성으로 풍선도움말을 쉽게 지원해서 웹제작자들에게 편의를 제공합니다.
Update : 2000/12/29 [돌아가기]