Cara Membuat Tabel Di HTML
Cara Membuat Tabel Di HTML. Fungsi Tabel dalam HTML ini adalah bertujuan untuk menyajikan data dalam betuk baris dan kolom. Definisi Tabel Untuk di HTML adalah, suatu tempat untuk menampilkan sejumlah data dan informasi yang biasanya berupa kata-kata maupun bilangan yang tersusun dengan garis pembatas berupa kolom dan Baris.
Cara Membuat Tabel Di HTML . Selalu terdiri dari dua elemen utama, yaitu baris dan kolom. Syarat Dalam membuat tabel di HTML harus memiliki elemen atau kode tertentu akan tetapi sebelum membuat baris dan kolom dari tabel kita harus membuat tabelnya terlebih dahulu.
Proses Pembuatan tabel dimulai dari inisialisasi tabel, dengan cara menggunakan elemen atau kode penulisan tabel. Dari penjelasan tersebut diatas maka sampul ilmu kali ini akan menjelasakan tentang Cara Membuat Tabel Di HTML
Berikut ini adalah contoh Cara Membuat Tabel Di HTML dengan Mengunakan tag <td>…</td> untuk membuat kolom Dalam File HTML.
Untuk membuat tabel tentunya anda sudah paham dengan cara penulisan kode HTML. jika anda belum mengerti anda dapat membaca Pendahuluan dan Struktur HTML
Buat File HTML Dengan Nama Kolom.HTML kemudian kopi kode dibawah ini.
<html>
<head><title>Belajar Bersama Sampul Ilmu</title></head>
<body>
<P> Contoh Kolom Pada Tabel Di HTML<P>
<Table Border="1">
<TD>Contoh Kolom Pertama</TD>
</Table>
</body>
</html>
Hasilnya :
Keterangan Kode Diatas
Buat File HTML Dengan Nama baris.HTML kemudian kopi kode dibawah ini.
<html>
<head><title>Belajar Bersama Sampul Ilmu</title></head>
<body>
<P> Contoh Kolom & Baris Pada Tabel Di HTML<P>
<Table Border="1">
<tr>
<TD>Contoh Kolom Pertama baris Pertama</TD>
</tr>
<tr>
<TD>Contoh Kolom Pertama baris Kedua</TD>
</tr>
</Table>
</body>
</html>
Hasilnya
Keterangan Kode Diatas
<tr>
<TD>Contoh Kolom Pertama baris Pertama</TD>
</tr>
Adalah untuk Membuat Baris Dan Kolom Seperti Gambar Diatas, jika ingin menambahkan baris Copy kode diatas kemudian paste tepat diatas kode </table>. Sebanyak jumlah baris yang ingin dibuat.
Berikut ini adalah contoh Cara Membuat Tabel Di HTML dengan Mengunakan tag <th>…</th> untuk Membuat Judul/ Keterangan Kolom dan Baris.
Contoh Pertama
Membuat Judul / Keterangan Pada Baris
Buat File HTML Dengan Nama keterangan.HTML kemudian kopi kode dibawah ini.
<html>
<head><title>Belajar Bersama Sampul Ilmu</title></head>
<body>
<P> Contoh Membuat Keterangan<P>
<Table Border="1">
<tr>
<th>Nama Anda Adalah : </th>
<TD>Sampul Ilmu..........@@@@</TD>
</tr>
</Table>
</body>
</html>
Hasilnya
Keterangan Gambar
<th>Dimana Anda Belajar : </th>
<TD>YPA Handayani Kendari</TD>
</tr>
kode ini digunakan untuk membuat keterangan Baris Kedua caranya copy code tersebut tepat diatas kode </Table>.
Contoh Kedua
Membuat Judul / Keterangan Pada Kolom
Buat File HTML Dengan Nama keterangan.HTML kemudian kopi kode dibawah ini.
<html>
<head><title>Belajar Bersama Sampul Ilmu</title></head>
<body>
<P> Contoh Membuat Keterangan<P>
<Table Border="1">
<th> Nama </th><th>Pendidikan</th>
<tr>
<TD> Sampul Ilmu..........@@@@</TD>
<TD> YPA Handayani Kendari</TD>
</tr>
</Table>
</body>
</html>
Hasilnya :
Keterangan kode diatas
Cara Membuat Tabel Di HTML . Selalu terdiri dari dua elemen utama, yaitu baris dan kolom. Syarat Dalam membuat tabel di HTML harus memiliki elemen atau kode tertentu akan tetapi sebelum membuat baris dan kolom dari tabel kita harus membuat tabelnya terlebih dahulu.
Proses Pembuatan tabel dimulai dari inisialisasi tabel, dengan cara menggunakan elemen atau kode penulisan tabel. Dari penjelasan tersebut diatas maka sampul ilmu kali ini akan menjelasakan tentang Cara Membuat Tabel Di HTML
Elemen-Elemen Tabel
Berikut ini adalah elemen atau kode untuk Cara Membuat Tabel Di HTML- <table>…</table> Kode ini Adalah untuk Membuat Sebuah Tabel atau kode yang digunakan untuk membuat tabel DIHTML.
- <td>…</td> Kode ini Adalah untuk Membuat kolom atau kode yang digunakan untuk membuat kolom Dalam Tabel DIHTML.
- <tr>…</tr> Kode ini Adalah untuk Membuat Baris atau kode yang digunakan untuk membuat Baris Dalam Tabel DIHTML.
- <th>…</th> Kode ini Adalah untuk Membuat Judul/ Keterangan Kolom dan Baris.
Berikut ini adalah contoh Cara Membuat Tabel Di HTML dengan Mengunakan tag <td>…</td> untuk membuat kolom Dalam File HTML.
Untuk membuat tabel tentunya anda sudah paham dengan cara penulisan kode HTML. jika anda belum mengerti anda dapat membaca Pendahuluan dan Struktur HTML
Buat File HTML Dengan Nama Kolom.HTML kemudian kopi kode dibawah ini.
<html>
<head><title>Belajar Bersama Sampul Ilmu</title></head>
<body>
<P> Contoh Kolom Pada Tabel Di HTML<P>
<Table Border="1">
<TD>Contoh Kolom Pertama</TD>
</Table>
</body>
</html>
Hasilnya :
 |
| Gambar Mengunakan tag <td>…</td> |
Keterangan Kode Diatas
- <Table Border="1">, Border adalah berupa ketebalan garis yang mengelilingi sebuah tabel diHTML. Jika ingin memperbesar garis pada tabel ubah angka pada Border sesuai keinginan anda.
- <TD>Contoh Kolom Pertama</TD> adalah untuk membuat kolom. Jika ingin menambahkan kolom baru tersebut copy code <TD>Kolom Berikutnya</TD> tepat diatas kode </Table> sebanyak jumlah kolom yang diinginkan.
Buat File HTML Dengan Nama baris.HTML kemudian kopi kode dibawah ini.
<html>
<head><title>Belajar Bersama Sampul Ilmu</title></head>
<body>
<P> Contoh Kolom & Baris Pada Tabel Di HTML<P>
<Table Border="1">
<tr>
<TD>Contoh Kolom Pertama baris Pertama</TD>
</tr>
<tr>
<TD>Contoh Kolom Pertama baris Kedua</TD>
</tr>
</Table>
</body>
</html>
Hasilnya
 |
| Gbr. Mengunakan tag <td>…</td> dan <tr>…</tr> |
Keterangan Kode Diatas
<tr>
<TD>Contoh Kolom Pertama baris Pertama</TD>
</tr>
Adalah untuk Membuat Baris Dan Kolom Seperti Gambar Diatas, jika ingin menambahkan baris Copy kode diatas kemudian paste tepat diatas kode </table>. Sebanyak jumlah baris yang ingin dibuat.
Berikut ini adalah contoh Cara Membuat Tabel Di HTML dengan Mengunakan tag <th>…</th> untuk Membuat Judul/ Keterangan Kolom dan Baris.
Contoh Pertama
Membuat Judul / Keterangan Pada Baris
Buat File HTML Dengan Nama keterangan.HTML kemudian kopi kode dibawah ini.
<html>
<head><title>Belajar Bersama Sampul Ilmu</title></head>
<body>
<P> Contoh Membuat Keterangan<P>
<Table Border="1">
<tr>
<th>Nama Anda Adalah : </th>
<TD>Sampul Ilmu..........@@@@</TD>
</tr>
</Table>
</body>
</html>
Hasilnya
 |
| Gbr. Mengunakan tag <th>…</th> |
<th>Dimana Anda Belajar : </th>
<TD>YPA Handayani Kendari</TD>
</tr>
kode ini digunakan untuk membuat keterangan Baris Kedua caranya copy code tersebut tepat diatas kode </Table>.
Contoh Kedua
Membuat Judul / Keterangan Pada Kolom
Buat File HTML Dengan Nama keterangan.HTML kemudian kopi kode dibawah ini.
<html>
<head><title>Belajar Bersama Sampul Ilmu</title></head>
<body>
<P> Contoh Membuat Keterangan<P>
<Table Border="1">
<th> Nama </th><th>Pendidikan</th>
<tr>
<TD> Sampul Ilmu..........@@@@</TD>
<TD> YPA Handayani Kendari</TD>
</tr>
</Table>
</body>
</html>
Hasilnya :
 |
| Gambar. Judul / Keterangan Pada Kolom |
Keterangan kode diatas
- <th> Nama </th> <th>Pendidikan</th> kode ini digunakan untuk membuat keterangan Kolom Untuk Nama Dan Kolom Pendidikan.
- Jika Anda ingin menambahkan Kolom tambahkan tag <th> nama kolom </th> tepat disamping kode <th>Pendidikan</th> kemudian masukan kode <TD> Kolom Berikutnya</TD> tepat diatas kode </tr>.
Post a Comment for "Cara Membuat Tabel Di HTML"
Post a Comment