반응형
<abbr>태그는 다음과 같은 형태로 사용합니다.
|
<!--코드 1.1-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
영수가 재미없는 개그를 해서 <abbr title="갑자기 분위기 싸해진다">갑분싸</abbr>
</body>
</html>
Colored by Color Scripter
|
<abbr>태그
1. abbr은 abbreviation(약어)이라는 단어의 앞 부분을 사용한 단어입니다. 약어란 WWW(World Wide Web), HTML(HyperText Markup Language), DEC(December)와 같이 줄여서 사용하는 것을 말합니다. 한글로는 갑분싸, 아아(아이스 아메리카노) 등이 있죠?
2. 마우스 커서가 <abbr>태그를 설정한 곳(dot형식으로 밑줄)에 올려두면 약어에 대한 설명이 툴팁 형태로 나타납니다.
3. title 속성을 사용해서 약어에 대한 설명을 작성할 수 있습니다. ex) title="설명"
다음 코드는 WWW, HTML, DEC의 약어를 설명하는 코드입니다.
|
<!--코드 1.2-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p><abbr title="World Wide Web">WWW</abbr></p>
<p><abbr title="Hypertext Markup Language">HTML</abbr></p>
<p><abbr title="December">DEC</abbr></p>
</body>
</html>
Colored by Color Scripter
|
반응형
'Web Basic > HTML5' 카테고리의 다른 글
| [HTML5] <button> 태그 이해하기 (0) | 2019.12.03 |
|---|---|
| [HTML5] <caption>, <figcaption>태그 사용 방법 (0) | 2018.03.20 |
| [HTML5] colspan, rowspan 속성 사용 방법 (2) | 2018.03.19 |
| [HTML5] <table>, <tr>, <td>, <th>태그 사용 방법 (0) | 2018.03.14 |
| [HTML5] <dl>, <dt>, <dd>태그 사용 방법 (0) | 2018.03.14 |