Scribd Logo
Unggah

Selamat datang di Scribd!

  • Laporan Akhir Praktikum Pweb

    Diunggah oleh

    Steven William Schut
    14 tayangan3 halaman
    Pertemuan 1 Gunadarma

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Pertemuan 1 Gunadarma

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    14 tayangan3 halaman

    Laporan Akhir Praktikum Pweb

    Diunggah oleh

    Steven William Schut
    Pertemuan 1 Gunadarma

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 3

    LAPORAN AKHIR PRAKTIKUM

    Mata Praktikum

    : Perkenalan Web

    Kelas

    : 3IA20

    Praktikum

    :1

    Tanggal

    : 7 Oktober 2015

    Materi

    : Table

    NPM

    : 57412155

    Nama

    : Steven William Schut

    Ketua Asisten

    Nama Asisten

    Paraf Asisten

    Jumlah Lembar

    : 3 Lembar

    LABORATORIUM INFORMATIKA
    UNIVERSITAS GUNADARMA
    2015

    LISTING
    <html>
    <head>
    <title>Ptaktikum 1</title>
    <style type="text/css">
    #merah {background-color:red;color:white;}
    #kuning {background-color:yellow;}
    #hijau {background-color:green;color:white;}
    #biru {background-color:blue;color:white;}
    #abu {background-color:grey;color:white;}
    #hitam {background-color:black;color:white;}
    </style>
    </head>
    <body>
    <table border="1" cellpadding="3">
    <tr><td id="merah">Merah</td><td id="kuning">Kuning</td><td
    id="hijau">Hijau</td></tr>
    <tr><td>Putih</td><td id="hitam">Hitam</td><td id="biru" rowspan="4">Biru</td></tr>
    <tr><td id="hijau">Hijau</td><td id="abu">Abu-abu</td></tr>
    <tr><td id="kuning">Kuning</td><td>Putih</td></tr>
    <tr><td id="abu">Abu-abu</td><td id="hitam">Hitam</td></tr>
    </table>
    </body>
    </html>

    LOGIKA
    <style type="text/css">
    #merah {background-color:red;color:white;}
    #kuning {background-color:yellow;}
    #hijau {background-color:green;color:white;}
    #biru {background-color:blue;color:white;}
    #abu {background-color:grey;color:white;}
    #hitam {background-color:black;color:white;}
    Pada blok html ini disebut ID selector. ID selector digunakan untuk menentukan style yang
    berhubungan dengan objek-objek dengan sebuah ID yang unik. ID selector hanya dapat
    dipergunakan pada satu elemen saja pada setiap halaman web yang kita buat. ID Selector
    menggunakan tag # (kres) sebelum menggunakan nama Selector.
    <body>
    <table border="1" cellpadding="3">
    <tr><td id="merah">Merah</td><td id="kuning">Kuning</td><td
    id="hijau">Hijau</td></tr>
    <tr><td>Putih</td><td id="hitam">Hitam</td><td id="biru" rowspan="4">Biru</td></tr>
    <tr><td id="hijau">Hijau</td><td id="abu">Abu-abu</td></tr>

    <tr><td id="kuning">Kuning</td><td>Putih</td></tr>
    <tr><td id="abu">Abu-abu</td><td id="hitam">Hitam</td></tr>
    </table>
    </body>
    <table> diakhiri dengan </table> : digunakan sebagai tanda awal tabel
    <tr>..</tr> : digunakan sebagai tanda awal baris, tr kependekan dari table row
    <td>..</td> : digunakan untuk menyusun kolom data, td kependekan dari table data
    cellpadding : untuk mengatur jarak garis dengan objek didalamnya
    id =... digunakan untuk memanggil ID selector yang telah dibuat sebelumnya, jika diisi
    dengan id=biru maka warna biru akan muncul, tidak perlu untuk mengisikan warna satu
    persatu, dengan id selector kita bisa langsung memanggilnya.
    Setiap elemen dari kode HTML tersebut harus tersusun dan tertata dengan benar.
    Perhatikan tanda slash / garis miring di setiap akhir elemen, itu merupakan kode penutup
    untuk kode pembuka di semua jenis kode HTML.

    OUTPUT

    Anda mungkin juga menyukai