Pengaturan tampilan default (standar) pada dokumen HTML dengan perintah BODY.
Fungsi dari perintah BODY adalah untuk tempat mendefinisikan isi dari suatu dokumen HTML. Setiap isi yang ditampilkan pada dokumen yang bersangkutan harus ditulis diantara penulisan perintah <BODY> … </BODY>.
Pada perintah ini memiliki beberapa atribut antara lain:
- Background=”file_gambar”
Menampilkan dokumen dengan latar belakang gambar bitmap.
- Bgcolor=”warna”
Mengatur warna latar belakang dokumen, jika tidak didefinisikan dokumen ditampilkan dengan warna putih.
- Link=”warna”
Mengatur warna Hyperlink (menu dalam bentuk tulisan yang jika di-klik maka tampilan akan berubah sesuai tujuan definisi hyperlink) yang belum pernah digunakan / di-klik. Jika tidak didefinisikan maka menggunakan warna biru.
- VLink=”warna”
Mengatur warna Hyperlink (menu dalam bentuk tulisan yang jika di-klik maka tampilan akan berubah sesuai tujuan definisi hyperlink) yang sudah pernah digunakan / di-klik. Jika tidak didefinisikan maka menggunakan warna ungu.
- Text=”warna”
Contoh sebuah hyperlink
Jika kursor melintas diatasnya bentuk kursor akan berubah dari
ke
Mengatur warna tulisan dokumen, jika tidak didefinisikan menggunakan warna hitam.
Contoh penggunaan atribut pada perintah BODY:
<HTML>
<HEAD>
<TITLE> Mencoba HTML </TITLE>
</HEAD>
<BODY link="yellow" vlink="blue" text="white" bgcolor="black">
<A href="latih2.html"> Ini Hyperlink </A> <br>
Yang ini hanya tulisan biasa
</BODY>
</HTML>
Keterangan:
Pada penggunaan perintah BODY diatas diatur tampilan pada dokumen untuk warna tulisan berwarna putih (text="white") dengan latar belakang dokumen berwarna hitam (bgcolor="black") dan sebagai penanda jika suatu hyperlink belum pernah di-klik berwarna kuning (link="yellow") dan penanda jika hyperlink sudah pernah di-klik berwarna biru (vlink="blue").
Catatan:
Jika perintah BODY didefinisikan tanpa atribut apapun maka bentuk tampilan dokumennya adalah:
- Warna latar belakang dokumen putih
- Warna huruf hitam
- Warna hyperlink biru dengan garis bawah
- Warna hyperlink yang sudah diklik berwarna ungu dengan garis bawah
- Pengaturan tampilan huruf tulisan dokumen dengan perintah FONT.
Penggunaan perintah FONT harus menggunakan atribut yang dimilikinya. Berikut ini atribut pada perintah FONT:
- Face=”jenis font”.
Mengatur tampilan jenis font yang digunakan pada tulisan yang diapit oleh perintah font.
Contoh:
<FONT face=”Arial, Helvetica, San Serif”> ini tulisannya </FONT>
Keterangan:
Pada contoh diatas diatur tampilan tulisan yang diapit oleh perintah FONT menggunakan type huruf Arial, jika type huruf tersebut tidak ada dikomputer pengguna maka menggunakan type huruf Helvetica dan jika keduanya tidak ada maka menggunakan type huruf San Serif. Namun jika ketiga huruf tersebut tidak ada pada komputer pengguna maka menggunakan seting jenis huruf default pada masing-masing browser penampil dokumen.
Pengaturan tampilan jenis font default pada browser:
- Internet Explorer: Menu:\Tools \Internet Options \Tab General \Tombol Font
- Mozilla FireFox: Menu \Tools \Options \Tab General \Font & Colors
- Opera : Menu \Tools \Options \Preferences \Web Pages \ Tombol Normal Font.
Catatan:
Pengaturan type font pada dokumen HTML sebaiknya menggunakan type font standar, yaitu type font yang ada disetiap komputer baik windows, linux, macintosh, dll. Jika terpaksa harus menggunakan tampilkan huruf yang tidak standar, misalnya tulisan dengan bentuk, sebaiknya tulisan tersebut ditampilkan dalam bentuk gambar.
Tulisan seperti ini sebaiknya dibuat dalam bentuk gambar sehingga terhindar dari permasalahan perbedaan tampilan dikomputer.
Tulisan Indah
- Color=”Warna”.
Mengatur tampilan warna tulisan yang diapit oleh perintah font.
Contoh:
<FONT color=”Blue”> tulisan ini berwarna biru </FONT>
- Size= angka 1 s/d 7
Mengatur ukuran huruf tulisan yang diapit oleh perintah font. Semakin besar angkanya semakin besarpula tulisannya
Contoh:
<FONT Size=3> ini tulisan berukuran sedang </FONT>
Catatan:
Nilai atribut size pada perintah font bisa juga bernulai +n atau -n jika sebelumnya telah didefinisikan ukuran standar huruf pada dokumen dengan perintah <BASEFONT Size=angka>. “+” jika ukuran dibesarkan dari ukuran standar dan “-“ untuk mengecilkan.
Contoh:
<BASEFONT Size=5 >.
<FONT Size= +2> tulisan ini dibesarkan dari ukuran standar </FONT> <br>
<FONT Size= -3> tulisan ini dikecilkan dari ukuran standar </FONT>
Contoh penggunaan atribut pada perintah FONT:
<FONT Color=”Purple” Size=5 Face=”Arial Narrow”>
Mencoba perintah pengaturan tampilan <FONT Color=”red”> tulisan </FONT>
</FONT>
Keterangan:
Pada contoh diatas diatur tampilan tulisan menggunakan ukuran 5 (agak besar) dengan bentuk huruf Arial Narrow. “Mencoba perintah pengaturan tampilan” ditampilkan dengan warna ungu (puple) sedangkan “tulisan” menggunakan warna merah (red).
- Perintah-perintah pengaturan tampilan style tulisan pada dokumen.
Pada perintah pemrograman HTML juga memiliki pengaturan style tulisan seperti menebalkan, memiringkan, memberi garis bawah, dll. Berikut ini perintah-perintah style tulisan pada program HTML:
- <B> Menebalkan </B>
- <I> Memiringkan </I>
- <U> Memberi garis bawah </U>
- <S> Memberi coret ditengah </S>
- <TT> Menampilkan tulisan seperti huruf mesin ketik manual </TT>
- <BIG> Membesarkan ukuran tulisan </BIG>
- <SMALL> Mengecilkan ukuran tulisan</SMALL>
- <SUP> Superscript-tampilan pangkat atas </SUP>
- <SUB> Subscript-tampilan pangkat bawah </SUB>
Contoh penggunaan:
2<SUB><U> a. <I>b </I></U></SUB> = X <SUP>2</SUP> . Y
