Silverf0x

Postingan ini lanjutan dari seri HTML sebelumnya, format teks Heading & Paragraf.

Untuk mengatur tampilan teks, salah satu yang memegang peran besar adalah huruf (font). Dalam HTML semua jenis huruf bisa ditampilkan, dengan syarat huruf (font) tersebut telah di-install di komputer yang membaca HTML (client), bukan di web server. Jadi walaupun di web server telah ter-install font tersebut, digunakan pada file HTML, tapi tidak ter-install di client, maka font tersebut akan otomatis akan ditampilkan dalam bentuk default-nya, yaitu font Times New Roman. Oleh karena itu disarankan untuk memilih jenis-jenis font yang default telah ter-install pada Windows, Linux atau MAC.

Untuk mengatur bentuk font pada HTML, digunakan tag FONT, dengan format sebagai berikut :

<FONT>Teks yang hendak diatur tampilan huruf (font)</FONT>

Atribut-atribut yang sering digunakan pada tag FONT adalah :

• FACE : untuk mendefinisikan jenis font apa yang akan digunakan. Biasanya nilainya berupa nama jenis font, seperti : Arial, Verdana, Tahoma, Courier New, dan nama-nama font lainnya.
• COLOR : untuk menentukan warna. Nilai berupa nilai hexadecimal warna yang diinginkan, dengan diawali tanda #. Contoh : untuk warna putih, COLOR=”#FFFFFF”.
• SIZE : untuk menentukan ukuran teks. Kemungkinan nilai dari atribut ini adalah :
  • Bilangan 1,2,3,4,5,6, dan 7
  • +n atau -n, dimana bilangan n menunjukkan bilangan sebagai ukuran huruf tertentu.
    +n menunjukkan bahwa ukuran font adalah sebesar +n dari ukuran default font. Contoh, misalnya ukuran default font adalah 1, maka jika nilainya +2, maka ukuran font yang ditampilkan adalah 3. Begitu juga jika nilai -n. Apabila nilai -n lebih kecil daripada 1, maka ukuran font nya menjadi 1.

  Ukuran default dapat dipandang dari 2 sisi. Satu dari sisi pemakai (user) dan satu lagi dari sisi pembuat file HTML. Dari sisi user, default diatur pada browser, sedangkan dari sisi pembuat HTML, default diatur dengan menggunakan perintah (tag) BASEFONT. Tag BASEFONT tidak berpengaruh pada teks yang diatur dengan tag Heading. Jadi apabila ada tag <BASEFONT SIZE=”2″>, kemudian diikuti dengan perintah <FONT SIZE=”2″>, maka font tersebut akan ditampilkan dengan ukuran font = 4.

Selain attribut di atas, teks juga dapat diatur dengan dekorasi teks (font) lainnya. Beberapa dekorasi teks yang sering digunakan antara lain :

1. <b>Teks</b> : untuk menampilkan cetak tebal (Bold)
2. <strong>Teks</strong> : untuk menampilkan cetak tebal (Bold)
3. <i>Teks</i> : untuk menampilkan cetak miring (Italics)
4. <em>Teks</em> : untuk menampilkan cetak miring (Italics)
5. <u>Teks</u> : untuk mengaris bawahi teks
6. <strike>Teks</strike> : untuk mencoret teks
7. <s>Teks</s> : untuk mencoret teks
8. <tt>Teks</tt> : untuk menampilkan huruf teks seperti teks yang diketik pada mesin tik
9. <big>Tkes</big> : untuk menampilkan teks dalam ukuran besar
10. <small>Tkes</small> : untuk menampilkan teks dalam ukuran kecil
11. _Teks : untuk menampilkan teks subscript (sedikit ke bawah)
12. ^Teks : untuk menampilkan teks superscript (sedikit ke atas)