Selanjutnya adalah cara memformat teks di halaman web kita seperti cetak tebal, cetak miring, garis bawah, dll.
Tag | Keterangan |
<SMALL> | Membuat teks menjadi relative lebih kecil dari teks lainnya |
<BIG> | Membuat teks menjadi relative lebih kecil dari teks lainnya |
<I> | Membuat teks tercetak miring |
<B> | Membuat teks tercetak tebal |
<U> | Membuat teks tercetak bergaris bawah |
<SUP> | Membuat teks menjadi superscript. Contoh pada angka 2 dalam teks X2 |
<STRIKE> | Membuat teks tercoret |
<SUB> | Membuat teks menjadi subscript. Contoh pada angka 2 dalam teks H2O |
Selain menggunakan Tag di atas, HTML jg menyediakan sebuah Tag <FONT> untuk memformat teks dg lebih kompleks. Tag <FONT> memiliki atribut SIZE, COLOR, dan FACE. SIZE dgunakan untuk menentukan ukuran teks yg diberi Tag <FONT> tsb. COLOR dgunakan untuk menentukan warna teks. FACE dgunakan untuk menentukan jenis huruf.
Untuk lebih memahami penggunaan Tag Tag diatas lakukan langkah2 berikut.
- Jalankan Notepad
- Ketik baris teks dbawah ini
<HTML>
<HEAD>
<TITLE> Latihan Memformat Teks </TITLE>
</HEAD>
<BODY>
Ini Teks Normal <BR>
<SMALL> Ini Teks yg diberi Tag SMALL </SMALL>
<BR>
<BIG> Ini Teks yg diberi Tag BIG </BIG>
<BR>
<I> Ini Teks yg dicetak miring </I>
<BR>
<B> Ini Teks yg dicetak tebal </B>
<BR>
<U> Ini Teks yg dicetak bergaris bawah </U>
<BR>
<STRIKE> Ini Teks yg tercoret </STRIKE>
<BR>
Contoh Superscript : X<SUP>2</SUP>
<BR>
Contoh Subscript : H<SUB>2</SUB>O
<BR>
<FONT SIZE=5 FACE=VERDANA>
Contoh menggunakan Tag Font
</FONT>
</BODY>
</HTML>
- Simpan dg nama "lat6.htm" pada folder LatihanHTML
- Jalankan file tsb dan amati hasilnya.
Kira2 sperti ini hasilnya... Selamat Mencoba....
Untuk artikel selanjutnya Insya Allah akan dbahas tentang Karakter2 Khusus sperti ", &, <, >, dll...
Semoga bermanfaat....
Terima kasih....
weeew.. mantabs... di tunggu post berikutnya sob... :D
ReplyDeletewow bagus ni buat nambah2 HTML :D
ReplyDeletemantap gan
ReplyDelete