SAYA UCAPKAN TERIMA KASIH ATAS KUNJUNGAN KAWAN-KAWAN KE BLOG SAYA INI, SILAHKAN PERGUNAKAN SEBAIK-BAIKNYA, DUKUNGAN TEMAN-TEMAN SANGAT SAYA HARAPKAN, JADI JANGAN LUPA UNTUK MEMBERIKAN KRITIK DAN SARAN DI KOTAK KEMENTAR DIBAWAH SETIAP POSTINGAN. SEMOGA ADA MANFAATNYA

MY BEST FRIEND

Friday, 16 November 2012

FUNGSI TAG BODY DAN ATTRIBUTNYA

Apakah tag BODY fungsinya hanya sekedar penanda tubuh atau isi dari dokumen web? Tidak, dalam tag BODY ini bisa kita sisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman web secara keseluruhan.

Pada kesempatan ini kita mengambil contoh bagaimana mengubah warna latar belakang dan warna tulisan dari halaman web dengan penambahan atribut ke dalam tag BODY. Berikut ini contoh penggunaan tag body dan attributnya:

Dari penulisan TAG diatas maka akan menghasilkan tampilan seperti dibawah ini :

kode HTML untuk di atas juga bisa ditulis dengan menggunakan kode warna heksa seperti berikut ini :

Berikut ini adalah kode warna yang ditulis dengan bahasa inggris dan kode heksa :
black #000000 blue #0000FF olive #808000
white #FFFFFF fuchsia #FF00FF green #008000
red #FF0000 gray #808080 teal #008080
yellow #FFFF00 silver #C0C0C0 navy #000080
lime #00FF00 maroon #800000 purple #800080
aqua #00FFFF
,

Jika anda terbiasa menggunakan Photosop maka anda akan lebih mudah untuk mendapatkan berbagai macam kode warna heksa caranya : Pertama buka photoshop, kemudian ikuti langkah yang ada digambar berikut ini :

atribut lain yang bisa mengikuti tag body adalah background, cara penulisannya sebagai berikut :

Dari penulisan TAG diatas maka akan menghasilkan tampilan seperti dibawah ini :

Catatan :
Jika anda latihan tidak Online, cukup mengetikkan nama file gambar saja. jika online alamat URL "https://sites.google.com/site/sitesrunasa/makalah/OKTIA.jpg?" harus diganti dengan alamat penyimpanan file yang anda miliki. disini saya menggunakan google site sebagai tempat penyimpanan data.

Demikianlah sekilas FUNGSI TAG BODY DAN ATTRIBUTNYA, Jika anda merasa Postingan ini bermanfaat tolong dishare keteman-teman yang lain.


0 comments:

Post a Comment

Terima Kasih atas kujungan teman-teman ....!!!
Silahkan teman-teman pergunakan sebaik-baiknya apa yang ada pada blog ini dan semoga bermanfaat.....
saya harap, teman-teman mau meninggalkan sedikit pesan dan kesan terhadap blog ini untuk perkembangan selanjutnya.....

ShareThis