Format Text Pada HTML - Belajar HTML Dasar 6, Setelah kemarin kita belajar tentang tag html dan tag heading kali ini kita akan membahas tentang tag untuk text formatting atau tag yang digunakan untuk memformat text sesuai dengan kebutuhan sehingga dapat membuat konten atau halaman website kita menjadi menarik
Pada materi kali ini kita akan membahas beberapa tag text formatting yang sering digunakan mulai dari tag untuk menebalkan tulisan, memiringkan tulisan, memberi garis bawah ditulis, membuat text menjadi kecil, membuat pangkat, dan membuat text bergaris tengah dan lain-lain.
Berikut Cara Penggunaan Tag Format Text
Format Text Bold/Tebal
Format text bold (tebal) digunakan untuk membuat tampilan text di halaman web menjadi tebal dengan menggunakan tag <b>, contoh kodenya sebagai berikut :
Format text bold (tebal) digunakan untuk membuat tampilan text di halaman web menjadi tebal dengan menggunakan tag <b>, contoh kodenya sebagai berikut :
<b>ini text tebal</b>
Format Text Italic/Miring
Format text italic (miring) digunakan untuk membuat tampilan text di halaman web menjadi miring dengan menggunakan tag <i>, contoh kodenya sebagai berikut :
Format text italic (miring) digunakan untuk membuat tampilan text di halaman web menjadi miring dengan menggunakan tag <i>, contoh kodenya sebagai berikut :
<i>ini text miring</i>
Format Text Underline/Garis Bawah
Format text underline (garis bawah) digunakan untuk membuat tampilan text di halaman web menjadi ada garis bawahnya dengan menggunakan tag <u>, contoh kodenya sebagai berikut :
Format text underline (garis bawah) digunakan untuk membuat tampilan text di halaman web menjadi ada garis bawahnya dengan menggunakan tag <u>, contoh kodenya sebagai berikut :
<u>ini text underline</u>
Format Text Kecil
Format text kecil digunakan untuk membuat tampilan text di halaman web menjadi kecil dengan menggunakan tag <small>, contoh kodenya sebagai berikut :
Format text kecil digunakan untuk membuat tampilan text di halaman web menjadi kecil dengan menggunakan tag <small>, contoh kodenya sebagai berikut :
<small>ini format text small</small>
Format Text Tebal hampir sama dengan Bold
Format text strong (tebal) digunakan untuk membuat tampilan text di halaman web menjadi tebal hampir sama dengan bold dengan menggunakan tag <strong>, contoh kodenya sebagai berikut :
Format Text Miring hampir sama dengan Italic
Format text em (miring) digunakan untuk membuat tampilan text di halaman web menjadi miring hampir sama dengan italic dengan menggunakan tag <em>, contoh kodenya sebagai berikut :
Format text strong (tebal) digunakan untuk membuat tampilan text di halaman web menjadi tebal hampir sama dengan bold dengan menggunakan tag <strong>, contoh kodenya sebagai berikut :
<strong>ini format text strong</strong>
Format Text Miring hampir sama dengan Italic
Format text em (miring) digunakan untuk membuat tampilan text di halaman web menjadi miring hampir sama dengan italic dengan menggunakan tag <em>, contoh kodenya sebagai berikut :
<em>ini format text em</em>
Format Subscripted Teks
Format sub digunakan untuk membuat tampilan text di halaman web menjadi variable atau layaknya pangkat dibawah dengan menggunakan tag <sub>, contoh kodenya sebagai berikut :
Format sub digunakan untuk membuat tampilan text di halaman web menjadi variable atau layaknya pangkat dibawah dengan menggunakan tag <sub>, contoh kodenya sebagai berikut :
<sub>ini format text sub</sub>
Format Superscripted Teks
Format sup digunakan untuk membuat tampilan text di halaman web menjadi variable atau layaknya pangkat diatas dengan menggunakan tag <sup>, contoh kodenya sebagai berikut :
Format sup digunakan untuk membuat tampilan text di halaman web menjadi variable atau layaknya pangkat diatas dengan menggunakan tag <sup>, contoh kodenya sebagai berikut :
<sup>ini format text sup</sup>
Format Text Garis Bawah hampir sama dengan Underline
Format text ins (garis bawah) digunakan untuk membuat tampilan text di halaman web menjadi ada garis bawahnya seperti dengan underline dengan menggunakan tag <ins>, contoh kodenya sebagai berikut :
Format text ins (garis bawah) digunakan untuk membuat tampilan text di halaman web menjadi ada garis bawahnya seperti dengan underline dengan menggunakan tag <ins>, contoh kodenya sebagai berikut :
<ins>ini format text ins</ins>
Format Text Dengan Garis di Tengah
Format text del (garis tengah) digunakan untuk membuat tampilan text di halaman web menjadi ada garis tengahnya (tercoret) dengan menggunakan tag <del>, contoh kodenya sebagai berikut :
Format text del (garis tengah) digunakan untuk membuat tampilan text di halaman web menjadi ada garis tengahnya (tercoret) dengan menggunakan tag <del>, contoh kodenya sebagai berikut :
<del>ini format text del</del>
Format Text yang Berwarna
Format text berwarna (text highlight) digunakan untuk membuat tampilan text di halaman web menjadi ada warna atau penandanya layaknya di highlight dengan menggunakan tag <mark>, contoh kodenya sebagai berikut :
Format text berwarna (text highlight) digunakan untuk membuat tampilan text di halaman web menjadi ada warna atau penandanya layaknya di highlight dengan menggunakan tag <mark>, contoh kodenya sebagai berikut :
<mark>ini format text mark</mark>
Format Enter Text
Format br (enter) digunakan untuk membuat jarak antar baris text dari baris satu ke baris lainnya, layaknya membuat enter di text biasa dengan menggunakan tag <br/>, contoh kodenya sebagai berikut :
Catatan : tag <br> merupakan single tag, artinya pembuka saja tidak memerlukan tag penutup.
Contoh Penggunaan Keseluruhan Format Text
Format br (enter) digunakan untuk membuat jarak antar baris text dari baris satu ke baris lainnya, layaknya membuat enter di text biasa dengan menggunakan tag <br/>, contoh kodenya sebagai berikut :
<br/>
Catatan : tag <br> merupakan single tag, artinya pembuka saja tidak memerlukan tag penutup.
Contoh Penggunaan Keseluruhan Format Text
<html>
<head>
<title>Berlajar Format Text</title>
</head>
<body>
<b>ini format format text tebal</b><br/>
<i>ini format text italic</i><br/>
<u>ini format text underline</u><br/>
<small>ini format text small</small><br/>
<strong>ini format text strong</strong><br/>
<em>ini format text em</em><br/>
<sub>ini format text sub</sub><br/>
<sup>ini format text sup</sup><br/>
<ins>ini format text ins</ins><br/>
<del>ini format text del</del><br/>
<mark>ini format text mark</mark>
</body>
</html>
Hasil Dari Penggunaan Tag Text Formatting diatas adalah sebagai berikut :
Setelah mempraktekkan contoh-contoh text formatting html, silahkan memilih mau menggunakan text formatting yang mana sesuai dengan kebutuhan dan sesuai dengan selera dalam menampilkan web anda di web browser. Ingat segala tag yang kita pelajari hari ini harus di tulis di antar tag <body> hingga </body>
Demikian sesi berbagi ilmu tentang tag text formatting html pada web. Jika ada hal yang tidak dimengerti silahkan bertanya di kolom komentar, dan kita sharing sampai sama-sama mengerti. Jangan lupa baca artikel lain tentang Belajar HTML lainnya
Posting Komentar