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>
