Penggunaan Colspan & Rowspan Pada HTML

-
Haiii.... Saya Julytha Gerhani Mahasiswi Universitas Bina Sarana Informatika. Disini saya akan membahas tentang Tabel lagi nih Guys, Tapi disini cara menggunakan atau menggabungkan Colspan dan Rowspan, Ini Sedikit penjelasannya.

 Untuk tampilan tabel, kadang kita butuh membuat tabel dengan jumlah kolom yang berbeda antara baris pertama dan baris lainnya, atau menggabungkan sebuah sel tabel dengan sel lainnya. Untuk keperluan ini, HTML menyediakan atribut rowspan dan colspan.

  • Fungsi Atribut Rowspan and Colspan :
Atribut rowspan and colspan digunakan untuk membuat sel tabel ‘bersatu’ dengan sel yang lain. Atribut ini diletakkan pada tag td dari sebuah tabel. Agar mudah memahami, langsung saja kita buat contoh kode HTMLnya.

  • Contoh penggunaan atribut rowspan and colspan :

<html>
<head>
<title>Contoh Penggunaan Atribut Colspan dan Rowspan Tag Table</title>
</head>
<body>
<h1>Contoh Atribut Colspan dan Rowspan</h1>
<table border="1">
    <tr>
        <td>Baris 1, Kolom 1</td>
        <td>Baris 1, Kolom 2</td>
        <td>Baris 1, Kolom 3</td>
    </tr>
    <tr>
        <td>Baris 2, Kolom 1</td>
        <td colspan="2"> Baris 2, Kolom 2 & 3 </td>
    </tr>
    <tr>
        <td rowspan="2"> Barois 3 & 4, Kolom 1</td>
        <td> Baris 3, Kolom 2</td>
        <td> Baris 3, Kolom 3</td>
    </tr>
    <tr>
        <td> Baris 4, Kolom 2</td>
        <td> Baris 4, Kolom 3</td>
    </tr>
</table>
</body>
</html>

  •  Hasil TabelSpan.html :
 
Terimakasih atas perhatiannya , semoga bisa berguna bagi semua pembaca dan maaf bila ada kesalahan.
Lokasi: Cikampek, Kabupaten Karawang, Jawa Barat, Indonesia

Komentar

Posting Komentar

Postingan populer dari blog ini

Penggunaan Cellpadding & Cellspacing Pada HTML

-
Gambar
Haii.... Saya Julytha Gerhani Mahasiswi Universitas Bina Sarana Informatika. Saya akan lebih lanjut menjelaskan lebih dalam lagi tentang Table danyang lainnya. Pada artikel sebelumnya, saya sudah menjelaskan tentang Cara Membuat Tabel Pada HTML. Bagi Anda yang sebelumnya sudah membaca artikel tersebut, tentunya Anda sudah mengetahui bagaimana cara membuat tabel di HTML beserta beberapa tag yang mendukung penggunaan tabel di HTML. Pada pembahasan kali ini, saya akan memperkenalkan atribut lain yang juga mendukung penggunaan tabel di HTML yaitu atribut Cellpadding dan Cellspacing . Berikut penjelasan mengenai atribut cellpadding dan cellspacing : Cellpadding Atribut cellpadding digunakan untuk menentukan jarak spasi di dalam sel yakni diantara dinding sel dan isi sel. Penggunaan atribut cellpadding hanya didukung oleh HTML4.01 namun tidak didukung oleh HTML5. Adapun penulisan kode HTML atribut cellpadding adalah : < table cellpadding = "pixel" > ...
Baca selengkapnya

Penjelasan TAG dan Contoh Kodingannya

-
Gambar
Haii... disini saya akan menyampaikan tentang tugas UBSI/BSI Web Programing Semester 2. Mungkin disini kalian tau tentang apa itu XAMPP & TAG . Saya disini akan sedikit menjelaskan lagi tentang XAMPP & TAG. XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri, yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemograman PHP dan Peri. TAG adalah bagian dari struktur html yang di tuliskan diapit oleh tanda < tag >, dan tag dituliskan berpasangan, dengan maksud < tag > => tag pembuka dan < /tag > => tag penutup. * Tag terbagi menjadi beberapa fungsi - Formating - Link - Image - List   - cititation   - dll Struktur TAG :   <nametag atribut = nilai>   Contoh : <body bgcolor=“lightblue”>   Penjelasannya : Body = nama tag Bgcolor ...
Baca selengkapnya

Cara Membuat Table Dengan HTML

-
Gambar
Haiii.... Saya Julytha Gerhani Mahasiswi Universitas Bina Sarana Informatika . DisiniSaya akan menjelaskan tentang Cara Membuat Tabel menggunakan HTML. Untuk membuat tabel di HTML , kita membutuhkan setidaknya 3 tag, yaitu tag <table>, tag <tr>, dan tag <td> : Tag <table> digunakan untuk memulai tabel Tag <tr> adalah singkatan dari table row , digunakan untuk membuat baris dari tabel. Tag <td> adalah singkatan dari table data , digunakan untuk menginput data ke tabel. Agar lebih jelas, kita akan langsung menggunakan contoh kode HTML : Contoh penggunaan tag <table> :   <html> <head>     <title>Contoh 03</title> </head> <body> <h1>Tabel Data Siswa</h1> <table border=1 bgcolor=pink> <tr>     <th>Nim</th>     <th>Nama</th>     <th>Alamat</th>     <th...
Baca selengkapnya