반응형
| <dfn>
마우스를 해당 텍스트에 올려 놓았을 때(hovering) 표시되는 텍스트를 표시.
<dfn title="[DESCRIPTION]"> : hovering 했을 때 [DESCRIPTION] 문자열이 뜸
<dfn title="To describe the web title.">HTML</dfn>
| <abbr>
축약된 텍스트라는 것을 나타낼 때 쓰는 태그
<abbr title="[DESCRIPTION]"> : hovering 했을 때 [DESCRIPTION] 문자열이 뜸
<abbr title="WWWW">W3C</abbr>
| <cite>
영화 제목, 음악 제목 등 작품의 제목을 표현할 때 쓰는 태그
<cite>시차 (We Are)</cite>
| HTML 코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>dfn, abbr, cite</title>
</head>
<body>
<p><dfn title="To describe the web title.">HTML</dfn></p>
<p>월드 와이드 웹 컨소시엄<abbr title="WWWW">W3C</abbr></p>
<p>시차 (we are) (feat. 로꼬 & GRAY) 우원재</p>
<p><cite>시차 (We Are)</cite> 우원재</p>
<p>값 : 50,000 <small>(부가세별도)</small></p>
</body>
</html>
| 결과
HTML
월드 와이드 웹 컨소시엄W3C
시차 (we are) (feat. 로꼬 & GRAY) 우원재
시차 (We Are) 우원재
값 : 50,000 (부가세별도)
반응형
'Language & Solution > HTML&CSS' 카테고리의 다른 글
| [HTML&CSS] 제목, 문단, 연락처, 인용문 // <h1>~<h6>, <address>, <blockquote>, <hr>, <footer>, <pre> (0) | 2018.12.10 |
|---|---|
| [HTML&CSS] 루비 주석과 시간 표현 // <ruby>, <rt>, <time> (0) | 2018.12.10 |
| [HTML&CSS] 구문 강조, 하이라이팅(Highlight) 지정 <string>, <em>, <mark> (0) | 2018.12.10 |
| [HTML&CSS] HTML 템플릿 작성하기, <div> 의 쓰임새 및 <a href="#content"> (0) | 2018.11.27 |
| [HTML&CSS] html meta요소 알아보기 (0) | 2018.11.25 |
