이미지나 텍스트 위로 마우스를 올려 놓으면 "설명 문구"가 나오는 것을 흔히 풍선 도움말이라 한다. 아래 예에서와 마찬가지로 이미지인 경우는 <img> 태그에 alt 속성을 이용하면 되고 텍스트의 하이퍼링크에서는 <a> 태그에 title 속성(익스플로러에서만 적용)을 이용하면 된다.
<img src="이미지주소" alt="풍선 도움말 예제">
사용자들이 좀 더 사이트 내비게이션을 잘 할수 있도록 도움을 주기 위해 이런 풍선 도움말을 사용하게 된다.
그런데 가끔은 풍선 도움말을 길게 써야할 때가 있다. 그리고 특정 단어에서 반드시 줄을 바꿔써야할 경우가 있다.
이럴 땐 아래 예처럼 도움말 사이에
를 넣으면 간단히 해결된다.
<img src="이미지주소" alt="설명1
설명2
설명3">
여기서
은 캐리지 리턴 값을 의미한다.
이 값을 통해 풍선 도움말에서 줄을 바꿀 수 있게 된다.
<a>태그의 title 속성에도 마찬가지로 캐리지 리턴 값을 적용할 수 있다.
다음은 그 예이다.
추천 : 