Assalamualaikum
Warahmatullahi Wabarakatuh,
Kawan-kawan
yang berbahagia,di postingan ini saya akan membahas tentang Membuat tabel dan kombinasi di HTML,yasudah tidak perlu panjang
lebar lagi langsung aja dibahas biar tidak penasaran mendalam.hehehe....
jadi gini kawan-kawan salah satu cara menampilkan
informasi dalam web adalah dengan tabel.
Nah, tabel sendiri terdiri dari 4 unsur utama diantaranya :
1. Baris
2. Kolom
3. Sel
4. Garis
Nah, tabel sendiri terdiri dari 4 unsur utama diantaranya :
1. Baris
2. Kolom
3. Sel
4. Garis
Dan satu lagi yang tidak boleh di lupakan klok membuat
tabel di HTML yaitu Tag.Tag yang perlu di perhatikan saat membuat tabel di HTML
yakni :
1.
Tag <table> untuk membungkus
tabelnya
2. Tag <thead> untuk membungkus bagian kepala tabel
3. Tag <tbody> untuk membungkus bagian body dari tabel
4. Tag <tr> (tabel row) untuk membuat baris
5. Tag <td> (table data) untuk membuat sel
6. Tag <th> (table head) untuk membuat judul pada header
7. Tag yang paling penting untuk diingat adalah tag <table>, <tr>, dan <td>.
2. Tag <thead> untuk membungkus bagian kepala tabel
3. Tag <tbody> untuk membungkus bagian body dari tabel
4. Tag <tr> (tabel row) untuk membuat baris
5. Tag <td> (table data) untuk membuat sel
6. Tag <th> (table head) untuk membuat judul pada header
7. Tag yang paling penting untuk diingat adalah tag <table>, <tr>, dan <td>.
Selain itu, agar tabel memiliki garis, silahkan tambahkan atribut
border="1" di dalam tag <table>. Nilai "1" pada
atribut border adalah ukuran garisnya. Semakin besar ukurannya, maka akan
semakin besar pula ukuran garisnya.
Sementara untuk menambahkan warna pada sel dan barissupaya lebih menarik dan berwarna seperti pemikiran kita , kita
bisa menambahkan atribut bgcolor di dalam tag <td> (untuk sel) atau
<tr> (untuk baris).
Di dalam sel <td> dan <th>, kita juga bisa
menyisipkan elemen HTML yang lain, seperti foto, link, video, dsb.
Jadi langsung aja kita lihat contoh nya di bawah sini:
<html>
<head>
<title>Table Data Diri</title>
<font Biodata
</head>
<body >
<center><h1><font color=lightskyblue>Biodata
</font></h1></center>
<table border="1">
<tr>
<td>Nrp : 1110181001
</td>
<pre><td rowspan
="5"><center><img src="foto1.jpg"
width="100"></td></pre></center>
</tr>
<tr>
<td><pre>Nama : kafin paramasastra
</pre></td>
</tr>
<tr>
<td>Program : D4 </td>
</tr>
<tr>
<td>Jurusan : Teknik Elektronika
</td>
</tr>
<tr>
<td>Kelas : 1 </td>
</tr>
<tr>
<td
colspan="2">Pararel
: A </td>
</tr>
<tr>
<td
colspan="2">Dosen wali
: Alridjajis </td>
</tr>
<tr>
<td
colspan="2">Tgllahir
: 03-07-1999</td>
</tr>
<tr>
<td
colspan="2">Tmplahir
: Sidoarjo </td>
</tr>
<tr>
<td
colspan="2">Tglmasuk
: 19-06-2018 </td>
</tr>
<tr>
<td
colspan="2">Jenis kelamin
: Laki-laki </td>
</tr>
<tr>
<td
colspan="2">Warga
: WNI </td>
</tr>
<tr>
<td
colspan="2">Agama
: Islam </td>
</tr>
<tr>
<td
colspan="2">Golongan darah
: O </td>
</tr>
<tr>
<td
colspan="2">Alamat
: ds.suko rt.5 rw.1 sidoarjo ,jawa timur
</td>
</tr>
<tr>
<td
colspan="2">Kota tempat tinggal : sidoarjo</td>
</tr>
<tr>
<td
colspan="2">Notelp
: 081299649974</td>
</tr>
<tr>
<td colspan="2">Jalur
penerimaan : PMDK PN </td>
</tr>
</table>
</body>
</html>
Dan hasil yang di dapat adalah seperi di bawah ini :
“Jangan pernah berusaha untuk memperbaiki apa yang membuatmu menyesal di masa lalu untuk diulang kembali, jangan menghadap kebelakang agar hidupmu tak patah.”
terimaksih atas perhatian dan selamat belajar .wassalamualaikum.WR.WB.
Komentar
Posting Komentar