Cara Membuat Table Dengan HTML

-
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>Tempat, Tanggal Lahir</th>
    <th>Jurusan</th>
</tr>
<tr>
    <td>12110001</td>
    <td>Anita</td>
    <td>Cengkareng</td>
    <td>Jakarta, 20 Agustus 1990</td>
    <td>Tehnik Informatika</td>
</tr>
<tr>
    <td>12181778</td>
    <td>Julytha Gerhani</td>
    <td>Cikampek</td>
    <td>Karawang, 17 Juli 2000</td>
    <td>Sistem Informasi</td>
</tr>
<tr>
    <td>12110002</td>
    <td>Aditya</td>
    <td>Tanggerang</td>
    <td>Semarang, 01 Januari 1989</td>
    <td>Tehnik Informatika</td>
</tr>
<tr>
    <td>12110003</td>
    <td>Firman</td>
    <td>Bogor</td>
    <td>Jakarta, 18 September 1988</td>
    <td>Tehnik Informatika</td>
</tr>
</body>
</html>

Hasilnya : 
 
Sekian penjelasan dari saya, semoga bermanfaat dan mohon 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