TERKUAK!!! begini cara buat tabel HTML yang sangat meng-ez abiez

Halo readderzzz, 

Pada kesempatan kali ini, saya akan memberikan tips and tricks cara termudah membuat tabel di bahasa pemograman HTML. 

 

A. Pengertian tabel di HTML 

Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Tabel dibuat dengan menggunakan tag <table>. Sebuah tabel dibagi menjadi baris-baris, dan tiap baris dibagi ke dalam cell-cell. 


Baris dibuat dengan tag <tr>, dan cell-cell yang akan membentuk kolom dibuat dengan tag <td>.Dalam konteks HTML, table mempunyai peranan yang sangat penting. Selain digunakan untuk menampilkan tabel berisi data, table juga digunakan untuk menyusun teks dalam kolom, ataupun membuat laporan terstruktur lainnya.

 

B. Cara membuat tabel HTML dari yang termudah ke yang ter lumayan sulit

 Tabel mudah : 

adapun contoh tabel mudah yaitu : 

Contoh Coding-an HTML nya : 



Tabel mudah, cuma ditambahin Colspan & Rowspan

Colspan atau column span merupakan atribute HTML yang berfungsi untuk menggabungkan beberapa kolom, sederhananya menggabungkan kolom ke samping.

Rowspan merupakan atribut HTML yang fungsi utamanya adalah menggabungkan beberapa baris, sederhananya menggabungkan baris ke bawah.

 

 

Contoh tabel yang menggunakan Rowspan dan Colspan : 


 Contoh Coding-an nya : 





Tabel HTML, cuma agak sulit 
Penggunaan tabel HTML biasanya digunakan dalam berbagai hal situasi & Kondisi. saya berikan contoh nya yang sering digunakan sehari hari (cuma versi simple nya aja) 







tabel diatas biasanya sering kita temukan di sekolah sekolah, universitas atau bahkan perkantoran. 


Berikut ini contoh codingan tabel diatas

<!DOCTYPE html>

        <html>

        <head>

            <meta charset="utf-8">

            <meta name="description" content="">

            <meta name="keywords" content="">

            <title>Table Practice</title>

        </head>

        <body>

            <table border="1" align="center" cellpadding="10px">

                <thead>

                    <tr>

                        <th rowspan="3">Day</th>

                        <th colspan="3">Seminar</th>

                    </tr>

                    <tr>

                        <th colspan="2">Schedule</th>

                        <th rowspan="2">Topic</th>

                    </tr>

                    <tr>

                        <th>Begin</th>

                        <th>End</th>

                    </tr>

                </thead>

        

                <tbody>

                    <tr>

                        <td rowspan="2">Monday</td>

                        <td rowspan="2">8:00 a.m</td>

                        <td rowspan="2">5:00 p.m</td>

                        <td>Introduction to XML</td>

                    </tr>

                    <tr>

                        <td>Validity: DTD and Relax NG</td>

                    </tr>

                    <tr>

                        <td rowspan="4">Tuesday</td>

                        <td>8:00 a.m</td>

                        <td>11:00 a.m</td>

                        <td rowspan="2">XPath</td>

                    </tr>

                    <tr>

                        <td rowspan="2">11:00 a.m</td>

                        <td rowspan="2">2:00 p.m</td>

                    </tr>

                    <tr>

                        <td rowspan="2">XSL transformation</td>

                    </tr>

                    <tr>

                        <td>2:00 p.m</td>

                        <td>5:00 p.m</td>

                    </tr>

                    <tr>

                        <td>Wednesday</td>

                        <td>8:00 a.m</td>

                        <td>12:00 p.m</td>

                        <td>XLS Formatting Objects</td>

                    </tr>

        

                </tbody>

            </table>

        

        </body>

        </html>


















 

 

 

 

Comments

Post a Comment

Popular posts from this blog

PHP Part 4 : Operator Aritmatika

  Operator Aritmatika Dalam PHP : Operator sering digunakan untuk program yang mengandung perhitungan atau suatu kondisi juga digunakan untuk memanipulasi atau mengubah suatu nilai pada variabel yang sudah ditentukan.  Operator Aritmatika banyak digunakan dalam dunia AKUTANSI baik akutansi keuangan dan akutansi Ekonomi. contoh nya 100.000 - 50.000          100.000 dan 50.000 biasa disebut operasi dan tanda - adalah operasi.   Dalam bahasa pemrograman PHP, terdapat 3 operasi utama yaitu : Operator Binary Operator Unary Operator Ternary Operator Aritmatika : Penjumlahan <?php     $yudhis = 2 ;     $udin = 3 ;     //tampilkan melalui echo     echo ( $yudhis + $udin ); <?php        2. Pengurangan <?php     $yudhis = 2006 ;     $udin = 2005 ;     //tampilkan melalui echo     echo ( $yudhis - $udin ); <?php        3. Perkalian <?php     $yudhis = 20043 ;     $udin = 200245 ;     //tampilkan melalui echo     echo ( $yudhis * $udin ); <?php         4. Pembagian <?
Read more

Ini dia 4 operator PHP : Dasar-dasar

Image
1. OPERATOR PENUGASAN Operator penugasan atau assisment adalah suatu operator yang memberi nilai kepada suatu variabel/kode. Nilainya sendiri itu bisa nilai tunggal yang jelas.  <?php $angka3 = 2022 ; echo "contoh penugasan 'isi nilai pengurangan' adalah  2022 - 2006 = " .( $angka3 -= 2006 ). "<br/>" ; //contoh saja di koding saya ini. nilai variabel $angka3 adalah 2022 //echo untuk menampilkan awalan dan ".($angka3 -= 2006) adalah perintah nya // dan hasilnya akan muncul seperti ini. 2. OPERATOR PERBANDINGAN  Operator ini berfungsi untuk membandingkan 2 nilai yang berbeda, hanya ada 2 nilai yaitu TRUE jika hasil perbandingannya sama dan FALSE jika nilainya tak sama atau berbeda   <?php //deklarasi variabel dulu dongs $angka1 = 99 ; $angka2 = 100 ; //lanjut ke perintah nya if ( $angka1 < $angka2 ){     echo "awikwok kecil coegg aokwokko" ; } else {     echo "diluar nalar akal sehat" ; } //echo awikwok dan echo diluar
Read more