tes tulis html dan css

2
Kelas/no.absen : ............................................. Nama lengkap : ............................................. Hari, tanggal : ............................................. Jawablah dengan singkat dan benar! 1. Tuliskan kode struktur utama halaman web mulai dari doctype sampai slash html! 2. Dari kode di atas (no.1) berapakah jumlah elemen htmlnya? 3. Jika DTD (Document Type Definition) tidak dituliskan, apa yang terjadi? Apa yang dimaksud dengan Quirks Mode? 4. Tuliskan 2 bagian utama halaman web dan jelaskan fungsinya! 5. Perhatikan elemen html di bawah ini: <body style=”background: silver; color: blue;” id=”utama” class=”penting”> Ada berapa jumlah atributnya? Tuliskan nama-nama atributnya! Tuliskan nilai-nilai atributnya! 6. Pada contoh elemen html di atas (no.5) digunakan CSS metode ...... Jelaskan cara menambahkan metode tersebut pada halaman web! 7. Tuliskan prinsip “Box Model”! 8. Tuliskan bagian-bagian dari box model! A. .......... B. .......... C. .......... D. .......... Tes tulis dasar-dasar HTML dan CSS halaman 1

Upload: rochman-ariff

Post on 13-Jun-2015

107 views

Category:

Education


0 download

DESCRIPTION

tes tulis dasar-dasar html dan css

TRANSCRIPT

Page 1: Tes tulis html dan css

Kelas/no.absen : .............................................

Nama lengkap : .............................................

Hari, tanggal : .............................................

Jawablah dengan singkat dan benar!

1. Tuliskan kode struktur utama halaman web mulai dari doctype sampai slash html!

2. Dari kode di atas (no.1) berapakah jumlah elemen htmlnya?

3. Jika DTD (Document Type Definition) tidak dituliskan, apa yang terjadi? Apa yang dimaksud

dengan Quirks Mode?

4. Tuliskan 2 bagian utama halaman web dan jelaskan fungsinya!

5. Perhatikan elemen html di bawah ini:

<body style=”background: silver; color: blue;” id=”utama” class=”penting”>

Ada berapa jumlah atributnya?

Tuliskan nama-nama atributnya!

Tuliskan nilai-nilai atributnya!

6. Pada contoh elemen html di atas (no.5) digunakan CSS metode ......

Jelaskan cara menambahkan metode tersebut pada halaman web!

7. Tuliskan prinsip “Box Model”!

8. Tuliskan bagian-bagian dari box model!

A. ..........

B. ..........

C. ..........

D. ..........

9. Perhatikan penulisan elemen style berikut ini

<style type=”text/css”> X { Y: Z; }</style>

Huruf X disebut ......, huruf Y disebut ......, huruf Z disebut ......, yang terletak di antara kurung

kurawal buka dan tutup disebut ......

10. Tuliskan elemen stylenya untuk mengubah tampilan elemen body menjadi bermargin 0,

padding kiri 40px, padding kanan 40px, padding bawah 0, padding atas 0

11. Tuliskan contoh penulisan elemen link untuk menambahkan css eksternal pada bagian head!

Tes tulis dasar-dasar HTML dan CSS halaman 1

Page 2: Tes tulis html dan css

12. Tuliskan contoh kode penulisan elemen unOrder List

13. Tuliskan contoh kode penulisan Definiton List

14. Tuliskan apa saja yang bisa dijadikan selektor css

15. Apa yang dimaksud dengan reset css

16. Kenapa harus dilakukan reset css dan apa keuntungannya?

17. Tuliskan 3 elemen html yang tidak memiliki konten

18. Tuliskan 3 jenis tampilan display elemen html dan berikan masing-masing 1 contoh

elemennya

19. Tuliskan kode htmlnya untuk membuat teks berikut :

H2O disimpan pada suhu 4o Celcius

20. Apa arti dari penulisan selektor css berikut ini :

a. div, h1 { color: red; }

b. div h1 { border: 1px solid red; }

c. div > h1 { background: blue; }

Tes tulis dasar-dasar HTML dan CSS halaman 2