Senin, 02 Januari 2012

Cara Menyisipkan Object

Apa kabar sobat blogger semua. Jumpa lagi dengan saya di "Tabuti Zone".
Kali ini saya akan memberikan cara menyisipkan object gambar jedalam design website kita. 

Pertama kita akan belajar menyisipkan object gambar.jpg. Untuk menyisipkan ganbar .jpg kita bisa menggunakan tag <img src="namagambar.jpg">. Gambar yang kita sisipkan dapat kita atur tata letaknya. Untuk mengatur tataletaknya kita dapat menambahkan align dalam tag img src kita. Atribut align terdapat tiga komponen pertama center, kedua left, ketiga right. Contoh syntax untuk mengatur tata letak. <img src="namagbr.jpg" align=center> Tag ini berfungsi mengatur object ditengah halaman. <img src="namagbr.jpg align=left> Untuk meletakkan gambar disebelah kiri halaman. <img src="namagbr.jpg align=right> Untuk meletakkan gambar disebelah kanan halaman.
Selain align img src juga memiliki atribut border. Atribut border berfungsi untuk membuat garis tepi gambar. Contoh <img src="namagbr.jpg" border=1>. Jika tagnya hanya seperti itu tentu ukuran gambar yang kita sisipkan akan seukuran dengan ukuran aslinya. Tentunya agar design website kita terlihat rapi, kita mesti mengatur ukuran gambar kita tersebut.
Cara mengatur ukuran gambar kita dapat menambhkan atribut width & height. Atribut width berfungsi untuk mengatur lebar gambar kita dalam satuan pixel. Sedangkan atribut height untuk mengatur tinggi gambar yang kita sisipkan juga dalam satuan pixel. Contoh <img src="namagbr.jpg width=300 height=150>. Dari semua atribut yang sudah saya jelaskan diatas dapat kita tulis menjadi seperti ini <img src="namagbr.jpg align=center border=1 width=150 height=150>.
Begitu juga apabila kita akan menyisipkan object gambar.png. Kita tinggal merubah ekstensi pada nama gambar menjadi.png. Contoh <img src="Aku.png">, itu berarti gambar yang saya sisipkan berjudul Aku dengan ekstensi .png.
Selanjutnya kita belajar menyisipkan object animasi. Object animasi ini memiliki beberapa ekstensi seperti .swf, .gif, dll. Untuk animasi.gif caranya seperti kita menyisipkan gambar.jpg dan gambar.png. Sekarang kita belajar menyisipkan object animasi dengan ekstensi.swf. Jika kita ingin menyisipkan animasi.swf kita harus menggunakan syntax <embed src="animasi.swf">. Tidak seperti <img src> yang tidak perlu ditutup dengan </img>,  syntax ini harus kita tutup dengan </embed>. Tag embed src juga memiliki atribut yang sama dengan tag img src. Jadi apabila anda ingin mengatur animasi anda, tinggal tambahin tuh syntax atributa yang udah anda baca diatas.