Tutorial HTML <font>
Element HTML
font digunakan sebagai element yang mengatur jenis font, warna dan ukuran pada sebuah teks.Catatan : Element HTML
<font> tidak berlaku lagi pada HTML 4.01 dan usang pada HTML 5.Tips : Gunakan CSS sebagai pengganti hasil output element ini
Attribute HTML <font>
color
Attribute ini digunakan untuk mengatur warna yang akan dihasilkan oleh element
fontContoh :
<p> <font color="red">Lorem Ipsum</font> </p> <p> <font color="#201da5">Lorem Ipsum</font> </p>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p> <font color="red">Lorem Ipsum</font> </p> <p> <font color="#201da5">Lorem Ipsum</font> </p> </body> </html>
face
Attribute ini digunakan untuk mengatur jenis font yang akan dihasilkan oleh element
fontContoh :
<p> <font face="serif">Lorem Ipsum</font> </p> <p> <font face="monospace">Lorem Ipsum</font> </p> <p> <font face="cursive">Lorem Ipsum</font> </p>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p> <font face="serif">Lorem Ipsum</font> </p> <p> <font face="monospace">Lorem Ipsum</font> </p> <p> <font face="cursive">Lorem Ipsum</font> </p> </body> </html>
size
Attribute ini digunakan untuk mengatur ukuran teks yang akan dihasilkan oleh element
fontContoh :
<p><font size="1">Lorem Ipsum</font></p> <p><font size="2">Lorem Ipsum</font></p> <p><font size="3">Lorem Ipsum</font></p> <p><font size="4">Lorem Ipsum</font></p> <p><font size="5">Lorem Ipsum</font></p> <p><font size="6">Lorem Ipsum</font></p> <p><font size="7">Lorem Ipsum</font></p>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p><font size="1">Lorem Ipsum</font></p> <p><font size="2">Lorem Ipsum</font></p> <p><font size="3">Lorem Ipsum</font></p> <p><font size="4">Lorem Ipsum</font></p> <p><font size="5">Lorem Ipsum</font></p> <p><font size="6">Lorem Ipsum</font></p> <p><font size="7">Lorem Ipsum</font></p> </body> </html>
Contoh HTML <font>
<p> <font size="5" color="blue" face="cursive">tRik Sonic</font> </p>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p> <font size="5" color="blue" face="cursive">tRik Sonic</font> </p> </body> </html>
Global Attributes:
Element <font> mencakup Global Attributes HTML.
Event Attributes:
Element <font> mencakup Event Attributes HTML.
Browser Support :
Desktop
| Element | Chrome | Safari | Firefox | Opera | IE | Edge |
<font> | Ya | Ya | Ya | Ya | Ya | Ya |
Mobile
| Element | Android webview | Chrome Android | Edge mobile | Firefox Android | IE mobile | Opera Android | iOS Safari |
<font> | Ya | Ya | Ya | Ya | Ya | Ya | Ya |
Default CSS :
Browser yang support dengan element
<font>, mempunyai nilai default :/* tidak ada */