Embed Size (px)
DESCRIPTION
cara membuat table di html
Citation preview
Pertama, buka editor yang akan kalian gunakan untuk membuat file html,
kemudian pilih Language, pastikan kalian memilih HTML.
Setiap file HTML selalu diawali oleh sebuah tag yaitu <html>, jangan lupa bahwa di HTML ada 2 jenis tag,
yaitu tag yang mempunyai pasangan dan tag yang tidak mempunyai pasangan. Untuk tag <html> itu
sendiri tergolong tag yang berpasangan jadi jangan lupa untuk menambahkan tag penutup yaitu
</html>.
Sekarang, layaknya tubuh HTML juga mempunyai bagian kepala dan tubuh. Jadi HTML punya dua bagian
utama yang diwakili oleh tag <head> dan tag <body> kedua tag ini merupakan tag yang mempunyai
pasangan.
Ya, kita mulai saja dengan memasukkan tag <head> dan letakkan diantara tag <html> dan </html>,
jangan lupa untuk member penutup dengan </head>.
Di tag <head> ini sendiri kita dapat menuliskan hal-hal yang penting dari website kita seperti judul, CSS,
ataupun Javascript. Untuk CSS dan Javascript mungkin kita aka belajar nanti jadi sekarang kita hanya
akan memasukkan judul saja dengan menggunakan tag <title> dan jangan lupa menutup tag dengan
</title>. Tuliskan Judul dari halaman website kita diantara tag <title> dan </title>.
Setelah itu kita akan masuk ke tag <body> dan letakkan dibawah tag </head> jangan lupa tutup tag
<body> dengan </body>.
Diantara tag <body> dan </body> inilah kita akan berkreasi dan membuat hal-hal yang ingin kita
masukkan kedalam website. Karena, disini saya hanya akan membuat tabel saja maka saya akan mulai
saja.
Pertama, untuk membuat tabel dalam html dimulai dengan membuat tag <table> yang akan menjadi
induk dari hal-hal yang akan berada didalamnya, jangan lupa untuk menutupnya dengan tag </table>
dan letakkan diantara tag <body> dan </body>.
Di dalam tag <table> jangan lupa masukkan border dan tentukan seberapa tebal garisnya, contoh
seperti berikut <table border=”1px”>, jika tidak ada border di dalam tag tag <table> maka hal itu dapat
menyebabkan tabel yang kita buat tidak mempunyai garis.
Contoh tabel yang memakai border
Contoh tabel yang tidak memakai border
Di dalam tag <table> bisa diberikan tag sperti <thead> yang bisa digunakan untuk menjadi judul dari
table dan jangan lupa untuk menutup tag dengan </thead>.
Kemudian untuk menentukan jumlah baris maka buat tag <tr>>.<tr> itu adalah singkatan dari table row.
Jumlah baris ditentukan oleh jumlah <tr> yang ada didalam tag <table>. Dibawah ini ada contoh hanya
memiliki satu <tr> dan pasangannya </tr> yang menunjunjukkan bahwa dalam tabel yang akan kita buat
hanya memiliki satu baris.
Sedangkan untuk jumlah kolom ditentukan dengan tag <td> yang ada didalam tag <tr> . <td> adalah
singkatan dari table data. Di bawah ini ada contoh yang memperlihatkan 4 buah <td> beserta
pasangannya yang menunjukkan bahwa di dalam tabel yang akan kita buat akan terdapat buah kolom
dalam baris pertama.
Di dalam kolom itu kita akan mengisikan tulisan seperti No, Nama, NIM, Jurusan
Lalu, kita coba dan inilah hasilnya
Kemudian kita akan menambahkan satu baris lagi dengan membuat 1 <tr> lagi dan 4 buah <td>
didalamnya
Di dalamnya kita tambahkan isi seperti di bawah ini
Lalu, kita coba di browser
Demikianlah tutorial cara membuat tabel sederhana dari saya dan selamat mencoba
