Cara Membuat Table Berisi Gambar Dan Tulisan

Terakhir kan kita buat table seperti ini

Klick Untuk Buka:


Yang jadi pertanyaan, percuma dong kita buat table, tapi ga bisa di isi apa-apa?.
Walah, table bisa diisi kok gan, mau kita isi gambar, link lain, tulisan, bahkan video pun bisa. Yang penting usaha :D.

Sip ayuk kita buat table seperti di bawah ini
Klick Untuk Buka:

Weleh keliatanya susah yaa.
Sebenarnya ga rumit-rumit banget kok, dari gambar table diatas, kan berisi gambar burung phoenix biru, yoo sip kita tinggal input aja kode gambarnya.

Klick Untuk Buka:
<html>
<table height=200px width=0px border=9px align=center>
<tr>
<td rowspan="2">INI TULISAN DALAM KOLOM</td>
<td rowspan=2> INI TULISAN DALAM KOLOM JUGA</td>
<td> <img height=200px width=300px align=right
src="http://us.123rf.com/400wm/400/400/dvarg/dvarg1111/dvarg111100073/11351161-beautiful-blue-burning-phoenix-illustration-isolated-over-black-background.jpg"></td>
</tr>


<tr>
<td height=100px><font color=red><blink><center>INI TULISAN KEDAP-KEDIP</center></blink></td>
</tr>

</table>
</html>

Nah, tulisan yang bercetak TEBAL itu menandakan source,lebar, dan tinggi gambarnya. Coba liat deh sciptnya beda banget kan sama yang sebelumnya. Beda banget, sampai-sampai width si tabel dibuat 0.
Apa bila ada gambar dalam table, lebar table bisa kita tentukan tergantung sebesar apa gambar yang ingin dimasukan. Otomatis lebar table bakal ngikut bro sama lebar gambar yang di input. Berlaku juga buat tulisanya :D.
Keterangan:
<img src=> = Untuk source gambar yang ingin di masukkan.

<img height=200px width=300px align=right
src="">
= Sebagai source gambar, lebar, dan tinggi gambarnya bro :D

<blink></blink>=Untuk membuat tulisanya kedap-kedip

Sip gitu aja, mau kita kreasikan juga bisa bro,tergantung kreativitas masing-masing, dan yang penting NIAT dalam belajar :)

1 Response to "Cara Membuat Table Berisi Gambar Dan Tulisan"