Scribd Logo
Unggah

Selamat datang di Scribd!

  • Web Desain (3TKJ)

    Diunggah oleh

    kania zakiah
    12 tayangan4 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOC, 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 DOC, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    12 tayangan4 halaman

    Web Desain (3TKJ)

    Diunggah oleh

    kania zakiah

    Hak Cipta:

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

    PILIHAN GANDA 7.

    Kata “dokumen” jika menggunakan tag <i></i>


    1. Link yang berupa gambar disebut .... maka akan menghasilkan tampilan seperti …
    A. image Link D. download A. dokumen D. dokumen
    B. header E. footer B. dokumen E. dokumen
    C. banner C. dokumen

    2. Fungsi tag <a 8. Untuk menampilkan daftar atau list yang berupa
    href="http://www.w3schools.com">w3school</a> bullets pada halaman HTML, digunakan tag …
    adalah … A. <OL> D. <P>
    A. Untuk memberikan teks www. w3schools.com B. <UL> E. <BR>
    pada halaman web C. <U>
    B. Untuk memberikan tombol menuju www.
    w3schools.com 9. Dalam suatu paragraf, untuk membuat tulisan
    C. Untuk memberikan tulisan http://www. menjadi rata kiri digunakan atribut align, dengan
    w3schools.com pada halaman web nilai …
    D. Untuk memberikan penomoran pada tulisan A. right D. justify
    w3schools B. center E. middle
    E. Untuk memberikan format judul pada tulisan C. left
    www. w3schools.com
    Untuk soal nomor 10-12 perhatikan kode HTML
    3. Merupakan elemen utama dari sebuah halaman berikut!
    web ... <HTML>
    A. body D. header <BODY>
    B. posting E. side bar <TABLE width="500" align="left" border="0">
    C. footer <TR align="center">
    <TD>Baris1, Kolom1</TD>
    4. Tag untuk membuat garis horisontal adalah ... <TD>Baris1, Kolom2</TD>
    A. <p> D. <!--> <TD>Baris1, Kolom3</TD>
    B. <br> E.<f> </TR>
    C. <hr> <TR align="center">
    <TD>Baris2, Kolom1</TD>
    5. Apa fungsi dari type=”password”?? <TD>Baris2, kolom2</TD>
    A. jika kita mengetik sesuatu akan tertulis yang <TD>Baris2, kolom3</TD>
    sebenarnya </TR>
    B. jika kita mengetik sesuatu maka ketikan tersebut </TABLE>
    akan tidak terlihat </BODY>
    C. jika kita mengetik sesuatu maka yang muncul </HTML>
    adalah angka
    D. jika kita mengetik sesuatu maka yang muncul 10. Kode HTML di atas adalah kode untuk
    adalah ****** menampilkan tabel dengan … baris dan … kolom.
    E. jika kita mengetik sesuatu tidak muncul apa-apa A. 3 baris dan 2 kolom
    B. 2 baris dan 2 kolom
    6. Dalam HTML, dapat ditambahkan hubungan/relasi C. 3 baris dan 3 kolom
    ke link lain. Berikut ini adalah kode HTML yang D. 2 baris dan 3 kolom
    digunakan menuju ke www.google.com adalah…. E. 2 baris dan 6 kolom
    A. <href a www.google.com> </a>
    B. <ke= www.google.com> </a> 11. Atribut pada tabel yang digunakan untuk
    C. <a href www.google.com> </a> menentukan lebar dari tabel adalah …
    D. <pindah ke www.google.com> </a> A. width D. 500
    E. <a href="www.google.com"></a> B. align E. left
    C. border
    12. Tabel tersebut memiliki tampilan yang nantinya
    akan rata … A. Text area D. checkbox
    A. kanan D. kiri B. Button/tombol E. radio
    B. tengah E. kiri-kanan C. Select/daftar
    C. kanan-kiri
    17. Kegunaan dari <frameset> adalah …
    13. Tag yang digunakan untuk membuat suatu form A. menampilkan dokumen lain dalam satu
    adalah … halaman
    A. <FRAME> D. <IMG> B. menampilkan gambar dalam satu halaman
    B. <TABLE> E. <INPUT> C. membuat table dalam halaman HTML
    C. <FORM> D. membuat link dalam halaman HTML
    E. membuat daftar dalam satu halaman HTML
    14. Jika terdapat tag HTML seperti <INPUT
    type=”checkbox” value=”komputer”>Komputer, 18. Berikut ini merupakan keunggulan dari
    maka akan mengasilkan suatu option yang berupa … dreamweaver, kecuali …
    A. user dapat melihat langsung hasil dari kode-
    A. kode HTML
    B. user dapat menuliskan kode HTML secara
    B. manual
    C. user diberikan kemudahan untuk menginputkan
    C. objek-objek HTML
    D. user diberikan panduan mengenai kode-kode
    D. HTML yang akan ditampilkan
    E. user diberikan dua pilihan untuk melihat kode
    E. dan hasilnya

    15. Untuk 19. Untuk mempreview hasil dari kode HTML pada

    menampilkan tombol maka digunakan


    kode …
    suatu dokumen di dreamweaver, tombol yang
    A. <INPUT type=”radio” name=”aksi” digunakan adalah …
    value=”Reset”> A. F10 D. F12
    B. <INPUT type=”checkbox” name=”aksi” B. F4 E. F6
    value=”Reset”> C. F5
    C. <INPUT type=”submit” name=”aksi”
    value=”Reset”>
    D. <INPUT type=”reset” name=”aksi”
    value=”Reset”>
    E. <INPUT type=”password” name=”aksi” 20. Gambar diatas adalah merupakan bagian dari
    value=”Reset”> dreamweaver, yaitu …
    A. insert bar D.panel group
    16. B. document bar E.properties panel
    C. menu bar

    Gambar disamping
    merupakan salah satu elemen form, yaitu …
    ESSAY
    1. Sebutkan tag-tag dasar HTML yang kalian ketahui beserta fungsinya!(min. 3)

    Untuk soal nomor 2-5 perhatikan kode HTML berikut!


    <HTML>
    <HEAD><TITLE> Ini adalah mata pelajaran Web Desain</TITLE>……………………….(2)
    </HEAD>
    <BODY bgcolor=”.......(3)”>
    <P align=”……(4)”>Ini adalah sebuah paragraf yang memiliki sifat rata kanan-kiri dan backgroundnya
    berwarna biru. </P>
    </BODY>
    </HTML>
    2. Jelaskan fungsi dari tag “<TITLE> Ini adalah mata pelajaran Web Desain</TITLE>”!
    3. Isilah titik-titik pada atribut bgcolor dari kode HTML di atas!
    4. Isilah titik-titik pada atribut align dari kode HTML di atas!
    5. Tuliskan tag HTML yang digunakan untuk menampilkan objek-objek sebagai berikut:
    a. Gambar/image
    b. Hyperlink
    6. Buatlah tag HTML untuk menampilkan frame dengan bentuk dan ukuran sebagai berikut:

    7. Isilah titik-titik dari kode HTML yang belum lengkap di bawah ini:
    <HTML>
    <BODY>
    <TABLE width=”500” align=”center” bprder=”2”>
    <TR>
    <TD>Nomor</TD>
    <TD>Nama</TD>
    <TD>Kelas</TD>
    <…….>
    <TR>
    <TD>1</TD>
    <…>Nadia Rahmawati</TD>
    <TD>3 IPA 4</TD>
    </TR>
    <…….>
    <…….>

    Anda mungkin juga menyukai