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>