Tutorial HTML <small>
HTML small - Belajar html small
.HTML <small>
merupakan tag html yang mendefenisikan Teks yang lebih kecil dari teks yang ada disekitarnya.HTML small bisa digunakan pada element apa saja, tapi biasanya element
<small>
sering digunakan pada bagian <footer>
seperti bagian Copyright, lisensi dan credit template / theme.
Contoh HTML <small>
<footer>
<p>example.com</p>
<p><small>Template by Pembuat Template</small></p>
</footer>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <footer> <p>example.com</p> <p><small>Template by Pembuat Template</small></p> </footer> </body> </html>
Contoh HTML <small>
<article>
<h1>Tutorial Blog<br/><small>Belajar dasar HTML</small></h1>
<p>Lorem ipsum dolor sit amet....</p>
<p>Lorem ipsum dolor sit amet....</p>
</article>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <article> <h1>Tutorial Blog<br/><small>Belajar dasar HTML</small></h1> <p>Lorem ipsum dolor sit amet....</p> <p>Lorem ipsum dolor sit amet....</p> </article> </body> </html>
Global Attributes:
Element
<small>
mencakup Global Attributes HTML.
Event Attributes:
Element
<small>
mencakup Event Attributes HTML.
Browser Support :
Desktop
Chrome | Ya |
---|---|
Safari | Ya |
Firefox | Ya |
Opera | Ya |
IE | Ya |
Edge | Ya |
Mobile
Android Webview | Ya |
---|---|
Chrome Android | Ya |
Edge Mobile | Ya |
Firefox Android | Ya |
Opera Android | Ya |
iOs Safari | Ya |
Samsung Internet | Ya |
Default CSS :
Browser yang support dengan element
<small>
, mempunyai nilai default :
small {
font-size: smaller;
}
Dengan penambahan css tambahan element small dapat dirubah secara tampilan.
Contoh :
<style>
body {
font-family :sans-serif;
font-size : 14px;
}
h1 small {
color: #a5a5a5;
font-size: 70%;
}
h2 small {
color: #1b9805;
font-size: 70%;
}
</style>
<article>
<h1>Tutorial Blog<br/><small>Belajar dasar HTML</small></h1>
<p>Lorem ipsum dolor sit amet....</p>
<p>Lorem ipsum dolor sit amet....</p>
</article>
<hr/>
<article>
<h2>Tutorial Blog<br/><small>Belajar dasar CSS</small></h2>
<p>Lorem ipsum dolor sit amet....</p>
<p>Lorem ipsum dolor sit amet....</p>
</article>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> <style> body { font-family :sans-serif; font-size : 14px; } h1 small { color: #a5a5a5; font-size: 70%; } h2 small { color: #1b9805; font-size: 70%; } </style> </head> <body> <article> <h1>Tutorial Blog<br/><small>Belajar dasar HTML</small></h1> <p>Lorem ipsum dolor sit amet....</p> <p>Lorem ipsum dolor sit amet....</p> </article> <hr/> <article> <h2>Tutorial Blog<br/><small>Belajar dasar CSS</small></h2> <p>Lorem ipsum dolor sit amet....</p> <p>Lorem ipsum dolor sit amet....</p> </article> </body> </html>