Scribd Logo
Unggah

Selamat datang di Scribd!

  • UTS - Praktik - 19753029 - Juli Irwanto

    Diunggah oleh

    Juli Irwanto
    5 tayangan2 halaman

    Judul Asli

    UTS_Praktik_19753029_Juli Irwanto

    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

    Hak Cipta:

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

    UTS - Praktik - 19753029 - Juli Irwanto

    Diunggah oleh

    Juli Irwanto

    Hak Cipta:

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

    Soal Praktik

    1. (Bobot 10) Tuliskan kode CSS untuk membuat link-link pada class ‘artikel’ memiliki
    style berikut:
    Teks link berwarna putih dan tidak bergaris bawah. Jika
    dilewati mouse, teks link akan berwarna kuning

    Jawaban :
    a { color: #FFF;
    text-decoration: none;}

    .artikel:hover {
    text-decoration: none;
    color: #FF0;
    text-decoration: none;
    font-style:bold;
    }

    2. (Bobot 20) Lihat kode berikut ini:


    <html>
    <head>
    <title>Style dengan CSS</title>
    </head>
    <body>
    <p>Paragrap ini akan ditampilkan dengan pengaturan
    gaya menggunakan CSS. Paragrap merupakan salah satu dari
    elemen berjenis block yang akan tampil di browser
    memenuhi area dari ujung kiri sampai kanan layar. Elemen
    block lainnya adalah heading</p>
    </body>
    <html>
    Buatlah style CSS dengan cara internal atau embedded style sheet agar teks dalam
    paragrap tampil dengan warna tulisan merah berlatar belakang kuning, mempunyai
    border tipis yang berjenis garis kontinyu warna #a9a9a9. Disamping itu, antara teks
    dengan border memiliki jarak 15 pixel.
    Jawaban :

    <html>
    <head>
    <title>Style dengan CSS</title>
    <style type="text/css">

    </style>
    </head>
    <body>

    <p style="color: red; background-color: yellow; border: 1px; border-color:#a9a9a9;


    border-style:solid; padding:15px;" > Paragrap ini akan ditampilkan dengan
    pengaturan gaya menggunakan CSS. Paragrap merupakan salah satu dari elemen
    berjenis block yang akan tampil di browser memenuhi area dari ujung kiri sampai
    kanan layar. Elemen block lainnya adalah heading
    </p>

    </body>

    <html>

    3. (Bobot 20) Tuliskan kode membuat class CSS bernama ‘box01’ yang hanya akan
    bekerja apabila digunakan didalam suatu elemen yang beridentitas ‘bodi-konten’ yang
    memiliki style:
    teks berwarna merah, border tipis berjenis solid warna
    hitam, jarak antara border dengan teks didalamnya 20px,
    warna latar belakang #eaeaea, berjenis huruf arial black.

    Jawaban :

    .box1 bodi-konten{
    color: red;
    border-style: solid black;
    padding: 20px;
    background-color: #eaeaea;
    font-family: arial black;
    }

    Anda mungkin juga menyukai