kelas 12
Materi minggu ke 2 Agustus 2009
Membuat Tabel
Cara membuat tabel menggunakan HTML adalah dengan perintah <table>, kemudian diikuti dengan perintah <tr> untuk menentukan baris, dan <td> untuk menentukan kolom. Jangan lupa semua ditutup dngan </td>, </tr> dan </table>. Contoh membuat tabel adalah sebagai berikut:
<html>
<title>membuat tabel </title>
<body>
<table border>
<tr>
<td>Baris 1 kolom 1</td>
<td>Baris 1 kolom 2</td>
<td>Baris 1 kolom 3</td>
</tr>
<tr>
<td>Baris 2 kolom 1</td>
<td>Baris 2 kolom 2</td>
<td>Baris 2 kolom 3</td>
</tr>
<tr>
<td>Baris 3 kolom 1</td>
<td>Baris 3 kolom 2</td>
<td>Baris 3 kolom 3</td>
</tr>
<tr>
<td>Baris 4 kolom 1</td>
<td>Baris 4 kolom 2</td>
<td>Baris 4 kolom 3</td>
</tr>
</table>
</body>
</html>
dan akan menghasilkan tampilan sebagai berikut:
| Baris 1 kolom 1 | Baris 1 kolom 2 | Baris 1 kolom 3 |
| Baris 2 kolom 1 | Baris 2 kolom 2 | Baris 2 kolom 3 |
| Baris 3 kolom 1 | Baris 3 kolom 2 | Baris 3 kolom 3 |
| Baris 4 kolom 1 | Baris 4 kolom 2 | Baris 4 kolom 3 |
Dalam perintah membuat tabel ini kita dapat mengatur ukuran table dengan perintah width=x dimana x adalah angka dalam presentasi, selain itu kita juga dapat menggabungkan cel baik colom atau baris. dengan perintah colspan=x untuk menggabungkan x kolom, dan rowspan=x untuk menggabungkan x baris, kedua perintah ini diletakkan di dalam tag <td>.
Contohnya kita ubah contoh diatas menjadi:
<html>
<title>membuat tabel </title>
<body>
<table border width=75%>
<tr>
<td>Baris 1 kolom 1</td>
<td colspan=2>Baris 1 kolom 2 dan 3</td>
</tr>
<tr>
<td>Baris 2 kolom 1</td>
<td rowspan=2>Baris 2 dan 3 kolom 2</td>
<td>Baris 2 kolom 3</td>
</tr>
<tr>
<td>Baris 3 kolom 1</td>
<td>Baris 3 kolom 3</td>
</tr>
<tr>
<td>Baris 4 kolom 1</td>
<td>Baris 4 kolom 2</td>
<td>Baris 4 kolom 3</td>
</tr>
</table>
</body>
</html>
dan hasil nya akan menjadi:
| Baris 1 kolom 1 | Baris 1 kolom 2 dan 3 | |
| Baris 2 kolom 1 | Baris 2 kolom 2 | Baris 2 kolom 3 |
| Baris 3 kolom 1 | Baris 3 kolom 3 | |
| Baris 4 kolom 1 | Baris 4 kolom 2 | Baris 4 kolom 3 |
& Komentar »
RSS umpan untuk komentar-komentar dalam tulisan ini. URI Lacak Balik
Tinggalkan komentar
-
Komentar Terakhir
ide yones di Tulisan dari Pengelola Halim PS di Tulisan dari Pengelola Edhi di Berkenalan dengan Yayasan Sali… ide yones di Tulisan dari Pengelola Yuferi di Tulisan dari Pengelola
Blog pada WordPress.com. | Theme: Pool by Borja Fernandez.
Entries and comments feeds.
Wow.. Mantap ^^
Komentar oleh Sandy Sasmita — Agustus 8, 2009 #
koq komputer di sekolah pada mati sih? benerin dong, hehe…
Komentar oleh Della wiedyanti — Agustus 8, 2009 #
buka juga http://www.layanilahTuhan.blogspot.com
itu punya gw… hahahaha
Komentar oleh Sandy Sasmita — Agustus 8, 2009 #
ich… web nya bgus…. tp komp ny lemooooooodddhhhhh bgt…..
Komentar oleh cindy — Agustus 8, 2009 #
bguz dh inet ny dh jalan.. wkwkwk
Komentar oleh Vale n dwi — Agustus 8, 2009 #
adu…kenapa komp sekolah ga ada yg bener ya….
g jadi numpang dah…
Komentar oleh amanda — Agustus 8, 2009 #
ahhh… lemoooood banget…
Komentar oleh Della wiedyanti — Agustus 8, 2009 #
hHahaha… ganTin core 2 duo xMua dagH…
^^
Komentar oleh finz — Agustus 8, 2009 #
komputer skolah lemod bgt…
pdhl bayaran per bulan nya 25000..
klo di itung2 se jam jadi 4rb an,, mending maen di warnet jauh lbih murah…
KEMBALIKAN UANG KAMI….
HA HA HA HA HA <<< Mbah Surip Style
pizzzzz pa ide ma pa abi…
Komentar oleh xeqtr — Agustus 8, 2009 #
komputer sekolah bkin BeTeeeee !!!
,, komputer byar tpi ttep ajja pke nya berdua atau bertiga..
benerin donxx… >.<
hhuffth..
cpwe dewhh~~
Komentar oleh L.Debora — Agustus 8, 2009 #
GILA XEQTR JAGO BANGETTT MAEN CS SAMA PB NYA…
SALUT GW SAMA XEQTR…
KEREN ABIZZZZ
Komentar oleh xeqtr — Agustus 8, 2009 #
apa seh XEQTR??? gaje deh… hahaha…
Pulang lama amat seh??
Komentar oleh Della wiedyanti — Agustus 8, 2009 #
paan seh del???
u yg gaje..
HARE GENE GA TAU XEQTR???
kampung ah..
Komentar oleh xeqtr — Agustus 10, 2009 #
hHahaha… xeqtr yg cuPz tea ???
wqwqwqwq…
~MCR LoverZ~
Komentar oleh MCR Loverz — Agustus 10, 2009 #
????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
Komentar oleh Sandy Sasmita — Agustus 13, 2009 #
duh, komputer gw bru nyala kmrn tuh…
cba bayangin, dr pertama msk smpe sblm kmrn, g tuh numpang terus di orang….
benerin atuh pa…!!!!
Komentar oleh indra — Agustus 28, 2009 #
wkwkwkwkwk….
jangan html….
corel klu gk photoshop ja…
bingung ngerjainya…..
klu html…,
jarang d pke nih….
ntar juga kayaknya
Komentar oleh yuandi — September 1, 2009 #
wew, yg cument ank ipa semua….
Komentar oleh wilee — September 2, 2009 #