Dalam HTML terdapat tag-tag yang mempunyai fungsi
sebagai penformatan teks atau tulisan.
Kawan-kawan bisa meberikan format pada tulisan atau teks baik itu cara membuat teks tebal, miring ,
garis bawah, dan lain lain. Seperti biasa cara
penulisannya pun harus diawali dengan tag pembuka dan diakhiri dengan tag
penutup. Dibawah ini
beberapa tag HTML dalam penformatan teks / tulisan yang saya ketahui dan sering digunakan :
TAG
|
FUNGSI
|
<b>...</b>
|
Menebalkan teks / tulisan
|
<i>...</i>
|
Membuat garis miring pada tulisan
|
<u>...</u>
|
Membuat tulisan garis bawah
|
<strike>...</strike>
|
|
<sub>...</sub>
|
Membuat teks kecil di bawah: Tekskecil dibawah
|
<sup>...</sup>
|
Membuat teks kecil diatas: TeksKecil diatas
|
Sekarang mari kita coba membuat latihan file html , Buatlah halaman dasar HTML dengan nama format-tulisan.html . Bagi kawan-kawan yang belum mengerti cara membuat halaman dasar HTML bisa dilihat disini.
Masukkan coding berikut ke dalam
file format-tulisan.html
<html>
<head>
<title>Contoh Format Tulisan di
HTML</title>
</head>
<body
align="center">
<h2>Berikut Contoh Format teks di
HTML</h2>
<hr>
<p>Tulisan / Teks Cetak Tebal : <br>
<b>Ini tulisan Bercetak
Tebal</b></p>
<hr>
<p>Tulisan / Teks Miring : <br>
<i>Ini tulisan Miring</i></p>
<hr>
<p>Tulisan / Teks Garis Bawah : <br>
<u>Ini tulisan Bergaris
bawah</u></p>
<hr>
<p>Tulisan / Teks Garis Tengah : <br>
<strike>Ini tulisan Bergaris
Tengah</strike></p>
<hr>
<p>Tulisan / Teks Berada kecil dibawah
(subscript) : <br>
Ini tulisan<sub>Kecil</sub> ,
H<sub>2</sub>O ,
</p>
<hr>
<p>Tulisan / Teks Berada kecil diatas (biasa
kita sebut pangkat) : <br>
Ini tulisan<sup>Kecil</sup> ,
10<sup>2</sup></p>
</body>
</html>
PENJELASAN:
·
<h2>Berikut Contoh Format teks di
HTML</h2> , merupakan heading 2 (judul)
·
Tag <hr> , ialah tag yang membuat garis
panjang.
·
Tag <br> , ialah tag untuk membuat baris
baru.
·
Tag <p>..</p> ialah mendeklarasikan
sebuah paragraf.
·
Tag <b>Ini tulisan Bercetak
Tebal</b> , menghasilkan tulisan bercetak tebal
·
Tag <i>Ini tulisan Miring</i> ,
menghasilkan tulisan yang bercetak miring.
·
Tag <u>Ini tulisan Bergaris
bawah</u> , menghasilkan tulisan
dengan bergaris bawah.
·
Tag <strike>Ini tulisan Bergaris
Tengah</strike> , menghasilkan tulisan bergaris ditengah (coretan
ditengah).
·
Ini tulisan<sub>Kecil</sub> , menghasilkan
tulisan kecil di bawah.
·
Ini tulisan<sup>Kecil</sup> ,
menghasilkan tulisan kecil di atas.
‘
Kawan-kawan
juga bisa mengkombinasikan atau menggabungkan format tulisan di HTML , seperti
menggabungkan tulisan bergaris bawah dengan tulisan bercetak tebal, atau
tulisan bercetak miring dan bercetak tebal, dan lain lain. Misalnya : Seperti
INI .
Yang
perlu kawan-kawan perhatikan ialah peletakan tag pembuat atau tag penutup. Dalam
pembuatan teks/tulisan Seperti INI. Kita bisa menggunakan tag
<b>,<i>,<u>,<strike>.
Dengan cara tambahkan script berikut ini ke file format-tulisan.html
tadi:
<h2>Berikut adalah
Kombinasi dari format Teks di HTML</h2><hr>
<p>Menggabungkan tulisan
bercetak tebal,miring,garis bawah, dan garis tengah.<br>
Contoh pada tulisan :
<strike><b><u><i>Seperti
INI</i></u></b></strike></p>
Maka
jika dibuka dibrowser akan seperti ini :
Itulah
cara membuat teks tebal, miring , garis bawah, dan lain lain di HTML. Selain
menggunakan tag Format teks HTML diatas tadi, kita juga bisa membuat gaya
tulisan atau teks dengan menggunakan CSS. Sebelum belajar CSS , Alangkah lebih
baik kawan-kawan mengerti terlebih dahulu HTML.
Baiklah
, apabila kawan-kawan ada yang kurang dimengerti bisa berikan komentar dibawah.
Sekian dari saya, semoga bermanfaat . Selamat Mencoba 😃
No comments