Script HTML Untuk Membuat Tabel

-
Hai... Saya Julytha Gerhani Mahasiswi Universitas Bina Sarana Informatika. Saya akan memberikan Contoh sebuah tabel Menggunakan HTML.
  • Scrip HTML :

 <!DOCTYPE html>
<html>
<head>
<title> </title>
</head>
<body>

<center><table border="1"></center>
    <tr>
        <th colspan="3" bgcolor="#66CC99">DAFTAR PRODUK</th>
    </tr>
    <tr>
        <td rowspan="4" bgcolor="#6699CC">
            <img src="image/canon.jpg" width="150"/>
        </td>
    </tr>
    <tr>
        <td colspan="1" bgcolor="#66FFCC"> Nama Produk </td>
        <td colspan="1" bgcolor="#66FFCC"> Canon EOS M10</td>
    </tr>
    <tr>
        <td colspan="1" bgcolor="#66CCFF"> Harga</td>
        <td colspan="1" bgcolor="#66CCFF"> Rp 4.999.000</td>
    </tr>
    <tr>
        <td colspan="1" bgcolor="#6699FF">Fitur Produk </td>
        <td colspan="1" bgcolor="#6699FF">
            <ul>
                <li> Kamera mirrirless</li>
                <li> Efektifitas Piksel :18MP</li>
                <li> Type sensor        : CMOS DIGIC 6</li>
                <li> Layar                : 3.0 inch</li>
                <li> Memiliki lampu flash dengan jarak jangkauan hingga 5 meter</li>
            </ul>
        </td>
    </tr>
</table>
</body>
</html>
       
  • Hasilnya :

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