Memanipulasi Text dalam HTML
Dalam membuat suatu HTML, pertama kali yang Anda harus hafal adalah:
<HTML>
<HEAD>
<BODY>
<BODY>
Ini file HTML pertama saya
</HEAD>
</BODY>
</HTML>
</HTML>
Dimulai
dengan tag <HTML>, kemudian dilanjutkan dengan tag <BODY>,
setelah itu "isi". Dan terakhir ditutup dengan dua tag berikut,
</BODY> dan </HTML>. Harus ada tanda "/" pada setiap tag
penutup. Diantara tag <TITLE> Isi Judul </TITLE> bisa diisi
dengan text yang nantiny akan menjadi judul.
Buka
notepad Anda dan ketik ulang kode di atas. Kemudian simpan/save dengan
format html, contohnya simpan dengan nama file1.html. Setelah itu buka
file tersebut dengan browser Anda.
Maka akan keluar tampilan seperti dibawah ini:
Seperti
anda lihat di atas, kode-kode dalam file HTML selalu dibatasi oleh tag
< ... >. Untuk membuat tulisan mejadi tebal / miring / digaris
bawahi, gunakan tag:
<B>Untuk membuat huruf tebal.</B>
<I>Untuk membuat huruf miring.</I>
<U>Untuk membuat garis bawah.</U>
<I>Untuk membuat huruf miring.</I>
<U>Untuk membuat garis bawah.</U>
Anda juga dapat mengubah ukuran dan warna teks dengan tag:
<FONT SIZE="bebas" COLOR="bebas" face="bebas">
Teks Anda
</FONT>.
Di
sini size adalah ukuran huruf, color adalah warna yang anda inginkan
dan face adalah jenis font yang digunakan. Anda dapat menggabung lebih
dari satu tag sekaligus, sebagai contoh
<B><U>akan membuat huruf tebal yang bergaris bawah</U></B>.
Hanya jangan lupa jika tag pembuka berada di dalam, maka tag penutupnya
juga sebaiknya di dalam, seperti tag <U> di atas. Baik kita lihat
kembali contoh berikut:
Untuk Warna Text:
(Warna
Merah) <FONT COLOR="red">Ini warna merah.</FONT>(Warna
Biru) <FONT COLOR="blue">Ini warna biru.</FONT>(Warna
Hijau) <FONT COLOR="green">Ini warna hijau.</FONT>(Warna
Kuning) <FONT COLOR="yellow">Ini warna kuning.</FONT>
Untuk Ukuran Text:
(Ukuran 1) <FONT SIZE="1">Ini ukuran 1.</FONT>
(Ukuran 2) <FONT SIZE="2">Ini ukuran 2.</FONT>
(Ukuran 3) <FONT SIZE="3">Ini ukuran 3.</FONT>
(Ukuran 4) <FONT SIZE="4">Ini ukuran 4.</FONT>
(Ukuran 5) <FONT SIZE="5">Ini ukuran 5.</FONT>
(Ukuran 6) <FONT SIZE="6">Ini ukuran 6.</FONT>
(Ukuran 7) <FONT SIZE="7">Ini ukuran 7.</FONT>
Untuk model font:
<FONT FACE="Arial">Ini memakai font arial.</FONT>
<FONT FACE="Arial Black">Ini memakai font arial black.</FONT>
<FONT FACE="Comic Sans MS">Ini memakai font comic sans MS.</FONT>
<FONT FACE="Courier New">Ini memakai font courier new.</FONT>
<FONT FACE="Helvetica">Ini memakai font helvetica.</FONT>
<FONT FACE="Impact">Ini memakai font impact.</FONT>
<FONT FACE="Times New Roman">Ini memakai font times new roman.</FONT>
<FONT FACE="Verdana">Ini memakai font verdana.</FONT>
<FONT FACE="Arial Black">Ini memakai font arial black.</FONT>
<FONT FACE="Comic Sans MS">Ini memakai font comic sans MS.</FONT>
<FONT FACE="Courier New">Ini memakai font courier new.</FONT>
<FONT FACE="Helvetica">Ini memakai font helvetica.</FONT>
<FONT FACE="Impact">Ini memakai font impact.</FONT>
<FONT FACE="Times New Roman">Ini memakai font times new roman.</FONT>
<FONT FACE="Verdana">Ini memakai font verdana.</FONT>
Bisa digabungkan seperti ini:
<FONT
SIZE="4" FACE="Comic Sans MS" COLOR="green"><B> Ini huruf
tebal, memakai font Comic Sans MS, berukuran 4, berwarna
hijau. </B></FONT>
