tRikSonic
Tema

HTML small Tag

Terakhir diperbarui : 24 Mei 2018 - 10.56

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.
background html

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

ChromeYa
SafariYa
FirefoxYa
OperaYa
IEYa
EdgeYa

Mobile

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

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>
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.