Home
HTML

약자(abbreviation) - abbr 태그

title 속성에 abbr을 넣으면, 마우스를 위에 올렸을 때 그 뜻이 툴팁으로 나옵니다.
0 min read

abbr

<abbr> 은 약자(abbreviation)임을 나타냅니다. title 속성을 함께 사용하여 툴팁으로 나오게 할 수 있습니다.

 

기본형

<abbr title="Xxx Yyy Zzz">XYZ</abbr>

title 속성에 약자의 뜻을 넣으면, 마우스를 약자 위에 올렸을 때 그 뜻이 툴팁으로 나옵니다.

 

예제

<p>
  <abbr title="World Wide Web">WWW</abbr>
  and
  <abbr title="Hyper Text Markup Language">HTML</abbr>
</p>

You may like these posts

  • 작성한 형태 그대로 보이게 하는 방법 - pre
    pre HTML에서는 아무리 많은 공백을 넣더라도 브라우저 창에는 한 개의 공백만 표시됩니다. 연속한 여러 개의 빈칸이나 탭, 줄바꿈을 하나의 빈 칸으로 인식하고 페이지의 내용이 한 줄로 표시합니다. 만약 입력한 그대로 출력되도록 하려면 <pre> 태그를 이용합니다. …
  • 문의 양식에 제목, 설명 덧붙이는 방법 - 라벨(label)
    <label> 태그는 양식에 제목이나 설명을 덧붙이기 위한 것입니다. 라벨(label) 이란 입력창 옆에 'ID' 나 '비밀번호' 처럼 붙여 놓은 텍스트를 말합니다. <label> 태그를 사용하면 폼 요소와 라벨 텍스트가 서로 연결되어 있다는 것을 브라우저가 인식할 수 있습…
  • 체크박스 만드는 방법 - input - checkbox
    체크박스 체크박스는 두 개 이상 여러 가지를 선택해야 할 경우 사용합니다. 클릭하면 선택되고, 다시 클릭하면 선택이 해제됩니다. 체크박스는 <input> 태그로 만듭니다.   기본형 <input type="checkbox" name="xxx" value=…
  • 라디오 버튼 만드는 방법 - input - radio
    라디오 버튼 라디오 버튼은 여러 개의 항목 중에서 하나만 선택하도록 하는 동그란 버튼입니다. 라디오 버튼은 <input> 태그로 만듭니다.   기본형 <input type="radio" name="xxx" value="yyy" checked> …
  • 참조 또는 인용 문구를 나타내는 방법 - q, blockquote
    인용 다른 블로그나 웹 사이트의 글을 인용할 경우, 인용임 나타내는 태그에는 <blockquote>와 <q>가 있습니다. <blockquote> 태그는 새로운 문단에서 인용하는 블록 요소이고, <q> 태그는 문단 안에서 인용할 때 사용하는 인라인 …
  • 문의 양식에 안내 문구 넣는 방법 - placeholder
    placeholder 무엇을 입력해야 하는지 안내하는 문구를 넣고 싶다면 placeholder를 사용합니다. 예를 들어 '네이버' 같은 포털 사이트의 로그인 창에서도 따로 '아이디'나 '비밀번호' 같은 제목을 붙이지 않고 입력 필드 안에 '아이디' 나 '비밀번호'를 표시해 놓아 사용자가 알…

Post a Comment