Scribd Logo
Unggah

Selamat datang di Scribd!

  • Latihan HTML CSS

    Diunggah oleh

    Ahmad Imamadyan
    73 tayangan4 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    73 tayangan4 halaman

    Latihan HTML CSS

    Diunggah oleh

    Ahmad Imamadyan

    Hak Cipta:

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

    PEMROGRAMAN INTERNET 1

    HTML & CSS (10/04/2020)

    HTML – Hypertext Markup Language

    1. HTML bukanlah bahasa pemrograman (programming language), tetapi bahasa


    markup (markup language), apa maksud dari pernyataan tersebut?
    2. Apakah yang membedakan antara HTML dan xHTML?
    3. File HTML memiliki ekstensi .htm, apakah hal ini benar? Jelaskanlah alasannya!
    4. Mengenai tag, element dan atribut dalam HTML:
    a. Apakah yang dimaksudkan dengan tag, element dan atribut?
    b. Bagaimana format penulisan tag, element dan atribut dalam HTML?
    c. Apakah mereka case sensitive ataukah case insensitive?
    5. Apakah fungsi atau kegunaan tag:
    a. Span
    b. Div
    6. Jelaskanlah mengenai:
    a. Tag block-line
    b. Tag in-line
    7. Struktur HMTL
    a. Tuliskanlah struktur dasar HTML!
    b. Apakah yang dimaksud tag DTD, tag DOCTYPE, tag html, tag head dan
    tag body? Jelaskan!
    8. Tentang penulisan komentar pada HTML.
    a. Bagaimana cara menuliskan komentar satu baris saja?
    b. Bagaimana cara menuliskan komentar multi-baris?
    c. Apakah komentar bisa terlihat oleh user melalui browser?
    CSS – Cascading Style Sheets

    1. Jeaskanlah fungsi CSS dalam pembuatan website!


    2. Jelaskanlah metode input kode CSS ke dalam HMTL berikut dan berikan
    contohnya:
    a. Inline style sheet
    b. Internal style sheet
    c. External style sheet
    3. Apa keunggulan dan kekurangan metode internal style sheet?
    4. Apa keunggulan dan kekurangan metode external style sheet?
    5. Jelaskan pengertian berikut:
    a. Selector
    b. Property
    c. Value
    6. Lihat gambar di bawah, tentukan mana yang selector, property dan value

    7. CSS memiliki jenis selector yang bervariasi, jelaskan dan berikan contoh dari
    selector berikut:
    a. Universal selector
    b. Element type selector
    c. Class selector
    d. ID selector
    e. Attribute selector
    8. Ada sebuah tag <h2> akan diubah warnanya oleh kode CSS. Web desainer
    membuat 3 kode CSS berbeda:
    ▪ Kode CSS pertama: warna BIRU, dimasukkan ke dalam HTML menggunakan
    metode external.
    ▪ Kode CSS kedua: warna MERAH, dimasukkan ke dalam HTML menggunakan
    metode internal.
    ▪ Kode CSS ketiga: warna HIJAU, dimasukkan ke dalam HTML menggunakan
    metode inline.

    Potongan kode HTML:

    <!DOCTYPE html>
    <html>
    <head>
    <title>Contoh Kasus Cascading CSS</title>
    <link rel="stylesheet" type="text/css"
    href="prioritas.css">
    <style type="text/css">
    h2 {
    color:red;
    }
    </style>
    </head>

    <body>
    <h2>
    Warna-1
    </h2>

    <h2 style="color:green">
    Warna-2
    </h2>
    </body>
    </html>

    Saat ditampilkan ke dalam browser, warna apakah yang ditampilkan oleh


    browser pada tulisan berikut dan jelaskan mengapa:
    a. Warna-1
    b. Warna-2
    9. Lihat kode HTML berikut:

    <!DOCTYPE html>
    <html>
    <head>
    <title>Contoh Kasus Spesifik CSS</title>
    <style type="text/css">
    p {
    color:red;
    }
    div p {
    color:green;
    }
    #aaa{
    color:orange;
    }
    body div p {
    color:yellow;
    }
    div p.kalimat {
    color:silver;
    }
    </style>
    </head>

    <body>
    <div>
    <p id="aaa">
    Sedang Belajar CSS...
    </p>
    </div>
    </body>
    </html>

    Warna apakah yang muncul pada tulisan “Sedang Belajar CSS...”? jelaskan
    mengapa demikian!
    10. Dalam menentukan prioritas kode CSS mana yang dipakai, terdapat perintah
    !important. Jelaskanlah apa pengertian dan fungsi perintah ini!
    11. Bacalah artikel berikut ini: https://www.duniailkom.com/tutorial-belajar-mengenal-
    sifat-penurunan-dalam-css-inheritance/
    Buatlah contoh, selain yang telah ditulis dalam artikel tersebut, guna lebih
    memahami konsep inheritance pada CSS. Berilah keterangan pada contoh Anda!

    Anda mungkin juga menyukai