23 May
Berhubung banyak banget (pdhl cm 3 orang) yg request gimana belajar table lbh lanjut, aku coba buatin deh. Smoga bermanfaat yah ^^
Table secara sederhana seerti yg aku jelaskan sebelumnya terdiri dr 3 bagian yaitu <table> <tr> dan <td>
nah skarang aku mau bahas tiap komponen yg ada dalam table
<table width=”398″ height=”234″ border=”1″ align=”center” background=”http://www.indoupload.com/reg/images/7481Shiva-artwork04.jpg” bordercolor=”#FF0000″ cellpadding=”2″ cellspacing=”3″>
<tr>
<td bgcolor=”#00FF00″>
<font color=”#000000″ face=”Verdana” Size=”3″> 1 </font>
</td>
<td>
<font color=”#FFFFFF” face=”Verdana” Size=”3″> 2 </font>
</td>
<td>
<font color=”#FFFFFF” face=”Verdana” Size=”3″> 3 </font>
</td>
</tr>
<tr>
<td>
<font color=”#FFFFFF” face=”Verdana” Size=”3″> 4 </font>
</td>
<td>
<font color=”#FFFFFF” face=”Verdana” Size=”3″> 5 </font>
</td>
<td>
<font color=”#FFFFFF” face=”Verdana” Size=”3″> 6 </font>
</td>
</tr>
<tr>
<td>
<font color=”#FFFFFF” face=”Verdana” Size=”3″> 7 </font>
</td>
<td>
<font color=”#FFFFFF” face=”Verdana” Size=”3″> 8 </font>
</td>
<td>
<font color=”#FFFFFF” face=”Verdana” Size=”3″> 9 </font>
</td>
</tr>
</table>
HASILNYA
| 1 | 2 | 3 |
| 4 | 5 | 6 |
| 7 | 8 | 9 |
Gimana pusing?
Jangan dung…. ^^
Liat angka 1-9 yg ada di tiap2 TD?
Lihat angkanya muncul kan? Nah berarti bisa disimpulkan yg mempengaruhi ISI dari tiap2 KOTAk dalam table ada di TD. Tapi gimana kita bisa mengetahui kotak keberapa yg berisi angka keberapa. Menulis angka sebelum mulai memasukkan isi sebenernya bener2 ngebantu loh ^^
Penjelasan ttg atribute table
width = lebar table
height = Tinggi table
border = Besar Border
bordercolor=”Nah buat Satona, ini nih yg bis ganti warna border ^^
align = Posisi table ada di tengah, pinggir kiri apa kanan
background= Latarbelakang table U mau diisi apaan ^^ Kasih URL gambarnya aja
cellpadding = Jarak maksimal tulis kiri kanan kalau ga salah
cellspacing = Jarak antar kotak dlm kolom.
Properti ini jg berlaku untuk TD. jadi kalau U pingin TD U berwarna khusus, bisa tuh diganti juga atributenya.
Soal penggabungan kolom lanjutin besok yah. banyak2 dlm 1 artikel nanti bikin kalian pusing
Ada pertanyaan, silahkan tanya aja
| If you like my post, please Subscribe to this blog by Email or by RSS FEED |
Blogsphere: TechnoratiFeedsterBloglines
Bookmark: Del.icio.usSpurlFurlSimpyBlinkDigg
RSS feed for comments on this post | TrackBack URI for this post
This site Best viewed at MOZILLA FIREFOX 1024 x 768 px
If you use other browser, maybe you will find error.
Want to get Firefox FREE to browsing SAVER and FASTER?
Just click link bellow and install it at your PC
![]()
WANT EXCHANGE LINK?
Click This link to add Ur link FREE
wah.. tapi kok si cc border kotak luar ma kotak dalemnya warna nya bisa beda begitu?
trus backgroundnya dia otomatis masukin n’ motong bawahnya kl ga ada space yah? ngga otomatis di resize biar pas gitu di kotaknya yah?
Oh.. itu kan antara latar image di tag TABLE dan latar ijo di tag TD. makanya antara Ijo ama image beda. apa aku salah ngerti?
iyah… kalau BG ukuran 800×600 sementara table 500×400 maka kepotong dg sukses
Hallo Kaze Chan, salam kenal, makasih dah mampir ke blog saya. Blog kamu bagus banget, penuh dengan tips yang bermanfaat, jadi iri nih hiks. Dulu aku pingin seperti kamu, tapi boro-boro … utak-atik blogger aja dah bikin aku mumet
jadi aku tulis aja postingan yang aku bisa, dari pada pusing, aku berguru ama Kaze Chan aja ya he3.
Kalau mau tukeran link boleh aja, kirim aja nama link yang Kaze Chan mau ke email saya (jengtris_06hoki@yahoo.com)nanti saya tambahin di blog saya. Nice to know you.
@Trisna : ok de. bsk saya coba kirim kalau saya kuat Y\buka yahoo. lg lemooot
lg dipake buat Downlaod sih
Konbanwa Shirei ^_^. Wahh.., bikin web tentang pemrograman web ya?. Sugee.. ^0^.
Aku juga lagi bljr ni bikin2 web. Masi ribet banget. Huffh T_T.
Ano.., Shirei. Minta tulung perjelas bedanya TD ama TR di tabel dun.
Ama tutorial CSS nya ya diselipin. Yang bagian mana aja boleh ^_^. Terutama yang bisa dipake buat mempercantik tampilan web kalo kita pake PHP.
Makasi banyak Shirei ^_^..(maap kalo ngerepotin ^_^;).
ahaha ga sih cc. Ini tentang semua yg aku suka.
nanti aku coba memperjeas beda TD ama TR sklaligus menjelaskan collspan
wadoh CSS. kalau cm buat hiasan aku bs. TP kalau buat web full CSS aku bingung juga. wehehehhe
dicoba deh cc ^
[...] yang baru kenal HTML table dan mau baca intronya, harap menuju http://uang.persusi.org/?p=37 Udah aku jelasin basicnya Table [...]
wah…infonya nge-bantu sekali….meski harus cemot-cemot neh kepala….btw dl emang kul jurusan komp ya…..
@Devga : Wehehehehe ada lanjutannya tuh kalau masih bingung. Smoga ngebantu ^^
Aku jurusan ganda. matematika dan Teknik Informatika. Tp soal web ga ada dlm mata kuliah ^^
understood, yg ini suya ngerti ^_^
yg susah colspan ama rowspan >_
understood, yg ini suya ngerti ^_^
yg susah colspan ama rowspan
ttg CSS suya jelasin dikit deh
CSS itu Cascading Style Sheet yg intinya hanya berisi style yg membuat HTML lbh simple dan ga perlu nulis banyak tag formatting.
So.. CSS itu membuat kerjaan kita di HTML-ing lbh ringan dan ga ada CSS yg bisa berdiri tanpa HTML atau interpreter lain ^_^
contoh [ setelah suya hack blog ini, maaf yah kristi
]
suya dapatkan hal sbb
h1, h2 {
font-family: “Trebuchet MS”,Arial,Helvetica,sans-serif;
}
h1 {
margin:10px 0px;
}
h2 {
font-size:18px;
font-weight:normal;
margin:10px 0px;
}
itu artinya setiap tag h1 dan h2 dipakai
formatting diatas otomatis dipakai tanpa harus menuliskan lagi ^_^
sono rowspan di selanjutnya
itulah CSS yg paling sering dipake di luar itu jarang kok. Thx suya
ada kok ya lain ^_^
suya pake banyak
.titleblock
.quote
.hide
etc
apapun bisa dipake
asal di-define dulu
ntar pake tag div class
iyah. tp boiasanya beginner mana pake yg begituan. –;
Kalo sekarang sih zamannya css.
Karena katanya load css lebih ringan daripada table.
Walopun aku sendiri blum pernah meneliti sampe sana, cuma ya ikut perkembangan zaman aja
Tapi gpp sih belajar table,
untuk tambah - tambah pengalaman tentang HTML.
Eh, mbak boleh aku add di blogroll?
boleh boss. Aku add yah ^^