Tabel Pada HTML(Web Dasar)-P5

Assalamu'alaikum Wr.Wb

Halo, kawan-kawan sekalian, balik lagi sama saya admin dari blog ini. Kali ini saya akan sharing tentang Table mulai dari penjelasan sampai ke contohnya. Nah, sekarang kia langsung ke pembahasannya aja okeeh...

Apa itu Tabel??  Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. 

Nah, Untuk menampilkan data dalam bentuk table pada HTML, digunakan Tag<Table>. Elemen table berisi property <tr> untuk menentukan baris(table row) yang didalamnya terdapat properti <td> untuk menampkan data pada setiap sel table (table data).

>>    =>Untuk mendifinisikan Table Heading atau judul tiap kolom menggunakan tag <th>.....</th>
<>    =>Untuk mendefinisikan Table Row menggunakan tag <tr>.....</tr>
==    =>Untuk mendifinisikan Table Data menggunakan Table <td>....</td>

aa   Atribut Elemen Tabel

1. Width            : Panjang(lebar tabel, pixel atau persen)
2. Height           : Panjang(tinggi tabel, pixelatau persen)
3. Border           : Pixel(tebal garis tepi)
4. Cellspacing   : Pixel(spasi antar sel)
5. Cellpadding  : Pixel(spasi di dalam sel)
6. Align             : [Left||center||right](perataan tabel
7. Bgcolor         : Warna (warna latar belakang tabel)
8. Colspan         : Perintah untuk menyatukan beberapa kolom menjadi 1
9. Rowspan       : Perintah untuk menyatukan beberapa baris menjadi 1
10. Scope          : Menentukan apakah sel header adlah header untuk kolom, row/baris, atau grup kolom atau baris

Atribut Table Row

1. Align            : [left||center||right](perataan bars secara horizontal)
2. Valign           : [top||middle||bottom](perataan sebaris secara vertikal)
3. Bgcolor        : Warna (warna latar belakang tabel)


Untuk lebih jelas dan juga contoh kodingan dan hasilnya bisa lihat dibawah...

1. Lat 12 Tabel 1

    Contoh Kodingannya:


    Hasilnya:

2. Lat 13 Tabel 2

    Contoh Kodingannya:


    Hasilnya:


3. Lat 14 Table

    Contoh Kodingannya:


    Hasilnya :

4. Lat 15 Table

    Contoh Kodingannya:


    Hasilnya:

5. Lat 16 Table

    Contoh Kodingannya:



    Hasilnya :

6. Lat 17 Tabel Tanah

    Contoh Kodingannya:

    Hasilnya :

7. Lat 18 Tabel Tanah

    Contoh Kodingannya:

 
    Hasilnya:

8. Lat 19 Tabel Benua

    Contoh Kodingannya:


    Hasilnya:

9. Lat 20 Tabel Benua 2

    Contoh Kodingannya:

 
    Hasilnya:

10. Lat 21 Tabel Buah

    Contoh Kodingannya:


    Hasilnya:


  Mungkin itu saja yang bisa saya sampaikan pada kesempatan ini, semoga bermanfaat, saya Fajar Faturrahman pamit

Wassalamu'alaikum Wr. Wb

Komentar

Posting Komentar

Postingan populer dari blog ini

Framework Laravel, perbedaan pengunaan compact dengan tidak

Gambar
Assalamualaikum Halo, balik lagi sama saya Fajar Faturrahman, kali ini saya akan share sedikit tentang apa itu framework, dan analisis tentang perbedaan antara mengirim data ke view dengan menggunakan compact dan yang tidak menggunakan compact. Apa itu Framework?? Framework atau bahasa indonesianya kerangka kerja adalah sebuah software untuk memudahkan para programmer membuat aplikasi atau web yang isinya adalah berbagai fungsi , plugin, dan konsep sehingga membentuk suatu sistem tertentu . Dengan menggunakan framework, sebuah aplikasi akan tersusun dan terstruktur dengan rapi . Apa itu Framework Laravel?? Laravel adalah framework PHP MVC yang dikembangkan oleh Taylor Otwell pada tahun 2011 dan sekarang telah mencapai versi 7 dan dengan slogan laravel “ PHP THAT DOESN’T HURT. CODE HAPPY & ENJOY THE FRESH AIR .” Kita akan merasa bahwa pemrograman php itu menyenangkan dan mudah karna Banyak sekali fitur-fitur yang ak...
Baca selengkapnya

Create Data,Validasi, dan Old Input

Gambar
Assalamualaikum Wr. Wb Halo, Kali ini saya akan Sharing tentang Create data, validasi atau menampilkan pesan error/berhasil, dan old input di Laravel. Apa sih Fungsi Old itu ? Old itu berfungsi untuk jika kita saat mengisi form ternyata ada yang salah atau terlewat, data yang sudah kita isi sebelumnya tidak akan hilang. Kalau gitu kita langsung aja ke studi kasusnya. 1.Studi Kasus 1  Nah, di studi kasus ini, saya diminta untuk membuat form kelas, dan cara membuatnya adalah sebagai berikut. pertama-tama tentunya harus membuat form kelasnya di folder views. nah dibawah ini adalah kodingan di file forKelas.blade.php kodingan dibawah ini berfungsi untuk menampilkan pesan apabila terjadi kesalahan saat mengisi atau menambahkan data.Contohnya adalah ada data yang belum terisi. dan kodingannya adalah sebagai berikut. dan nanti jadinya akan seperti ini. Masih di file formKelas.blade.php kodingan dibawah ini adalah kodingan untuk form nya, ditulis dib...
Baca selengkapnya

Edit dan Delete Data

Gambar
Assalamu'alaikum Wr. Wb Halo teman teman, Kali ini saya akan sharing tentang cara edit dan delete data menggunakan laravel. Nah kita langsung saja ke pembahasannya 1.Studi Kasus 1 (Menjelaskan isi dari fungsi update dan destroy) fungsi update yang pertama ada validasi/$rule bagian ini berisi aturan aturan/rules yang harus dipenuhi ketika mengisi/meng-update data di form, contohnya nama_kelas => 'required' yang artinya nama_kelas harus diisi, jika tidak diisi maka akan muncul pesan. lalu pada baris $input = $request->all(), nanti baris ini akan meminta semua data yang di submit dari form dan akan dimasukkan kedalam variable $input. dan fungsi UNSET disini adalah mereset token dan method yang ada supaya fungsi update ini dapat dipakai untuk data lain lalu $status, adalah variable untuk menyimpan query untuk update. tabel yang dituju table apa, lalu  id nya sesuai id yang dipilih, lalu diupdate lalu if dan else itu digunakan untuk mengecek d...
Baca selengkapnya