Tag Small, Mark Membuat text ukuran kecil dan ditandai dalam HTML

Tag Small Tag Mark

Tag <small> dan Tag <mark> Membuat text ukuran kecil dan text ditandai dalam HTML
Jika tag <b> untuk membuat text tebal, dan tag <i> untuk membuat text miring maka ada dua tag lagi yang berfungsi untuk memformat text yaitu tag <small> dan Tag <mark>.
Dalam tutorial kali ini kita akan membahas kedua tag ini beserta contohnya.
Tag <small> dan Tag <mark> tidak sama seperti tag b dan strong yang dua tag memiliki fungsi sama akan membuat text menjadi tebal (bold).
Tag <small> dan Tag <mark> memiliki fungsi berbeda, dimana tag <small> untuk membuat tulisan lebih kecil dari tulisan lainnya. Tag <mark> untuk menandai suatu text (highligh text).
kedua tag ini masuk kedalam jenis inline element, tidak akan memisahkan diri dari tag lainnya.

Tag <small>

Tag small ini ditulis dengan <small> dan ditutup dengan </small>. Semua text yang ada di dalam tag ini akan terlihat lebih kecil dari text lainnya.

Contoh tag Small

<!DOCTYPE html>
<html>
<body>
<h2>Belajar membuat text <small>terlihat lebih kecil</small> di phpdanmysql.com</h2>
</body>
</html>

Dari contoh diatas bisa kita lihat bahwa saya meletakkan tag small pada kalimat terlihat lebih kecil. Ketika dijalankan text ini akan lebih kecil dari text yang lainnya.

Tag <mark>

Tag <mark> bukan kebalikan dari tag small, tag mark digunakan untuk menandai suatu text, tag mark ditulis dengan <mark> dan ditutup dengan </mark>, semua text yang ada dalam tag mark ini akan terlihat berbeda dari yang lain nya. Text akan berwarna seperti highlighted text.

Contoh tag Mark

<!DOCTYPE html>
<html>
<body>
<h2>lihat <mark>Text yang ditandai</mark> bedakan</h2>
</body>
</html>

Dari contoh diatas anda pasti sudah tau apa fungsi dari tag mark ini, tag ini akan membuat highlighted text.
Dengan tutorial ini setidaknya ilmu kita tentang format text dalam HTML bertambah sedikit. Semoga bermanfaat dan bisa diaplikasikan di web masing-masing.

Get real time updates directly on you device, subscribe now.

Ingin Berkomentar?

×
Lewat ke baris perkakas