tRikSonic

HTML dfn Tag

Terakhir diperbarui : 24 Mei 2018 - 21.18
HTML dfn Tag - belajar html dfn, element dfn mempunyai definisi sebagai sebuah istilah. dalam penerapannya element <dfn> diikuti dengan penjelasan dari sebuah istilah yang tulis.
background html

Contoh 1 html element <dfn> :

<p>
 <dfn>HTML</dfn> adalah sebuah bahasa markup 
 yang digunakan untuk membuat sebuah halaman web.
</p> 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<p>
 <dfn>HTML</dfn> adalah sebuah bahasa markup 
 yang digunakan untuk membuat sebuah halaman web.
</p> 

</body>
</html>

Contoh 2 html element <dfn> :

Contoh berikut dengan menambahkan attribute title pada element <dfn>.
<p>
 <dfn title="HTML">HTML</dfn> adalah sebuah bahasa markup 
 yang digunakan untuk membuat sebuah halaman web.
</p> 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<p>
 <dfn title="HTML">HTML</dfn> adalah sebuah bahasa markup 
 yang digunakan untuk membuat sebuah halaman web.
</p>

</body>
</html>

Contoh 3 html element <dfn> :

Contoh berikut dengan menyematkan element <abbr> didalam element <dfn>.
<p>
 <dfn><abbr title="Hypertext Markup Language">HTML</abbr></dfn> 
 adalah sebuah bahasa markup yang digunakan untuk membuat 
 sebuah halaman web.
</p>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<p>
 <dfn><abbr title="Hypertext Markup Language">HTML</abbr></dfn> 
 adalah sebuah bahasa markup yang digunakan untuk membuat 
 sebuah halaman web.
</p> 

</body>
</html>

Global Attributes:

Element <dfn> mencakup Global Attributes HTML.

Event Attributes:

Element <dfn> mencakup Event Attributes HTML.

Browser Support :

Desktop

ChromeYa
SafariYa
Firefox1
OperaYa
IEYa
EdgeYa

Mobile

Android WebviewYa
Chrome AndroidYa
Edge MobileYa
Firefox Android4
Opera AndroidYa
iOs SafariYa
Samsung InternetYa

Default CSS :

Browser yang support dengan element <dfn>, biasanya mempunyai nilai default :
dfn {
    font-style: italic;
}
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.