Penilaian Tengah Semester (PTS) : A. Font-Weight B.font-Style

PENILAIAN TENGAH SEMESTER(PTS)
1. CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol
format tampilan sebuah halaman web. Manakah dibawah ini yang bukan termasuk sebagai fungsi utama
dari css ?
a. merancang, b. mendisain, c.membuat d. merubah, e. membentuk
2. Aturan CSS terdiri dari pemilih dan blok deklarasi, bagaimana penulisan deklarasi yang sesuai dengan
kaidah CSS.
a. h1 (text_align : center;) d. p { text-family ; times new roman:}
b. p { text-family ; arial:} e. p ( text-transform ; upercase:)
c. h2 { background-repeat:reapeat;}
3. kelas semu yang dimiliki oleh sebuah elemen HTML, yang membuat kita dapat mendefinisikan style pada
“keadaan tertentu” dari elemen tersebut adalah
a. inheritance b. pseudo class c. background d.selector e. specificity
4. Sedangkan penerapan CSS dengan memisahkan perintah-perintahnya dalam suatu file terpisah dengan
dokumen HTML-nya disebut cara :
a. In Line Style Sheet c. Embedde d .Style Sheet e. Css style sheet
b. Internal Style Sheet d. External Style Sheet
5. Sintaks CSS yang benar adalah :
a. selector {property=value;} c. selector [property=value;] e. selector {property:value;}
b. selector [property:value;] d. selector {property:value;}
6. Property CSS yang berfungsi untuk mengatur penebalan teks dalam halaman web adalah :
a. font-weight b. font-style c. font-size d. font-variant e. Font-family
7. Property CSS yang berfungsi untuk membuat huruf italic adalah :
a. font-weight b. font-style c. font-size d. font-variant e. Font-family
8. Suatu link yang tampil dalam halaman web dapat berada dalam beberapa keadaan. Ketika suatu link
dilewati oleh pointer mouse, maka link tersebut dalam keadaan yang
disebut :
a. active b. visited c. hover d. focus e. link
9. Ada 4 jenis selector dalam perintah CSS, kecuali :
a. elemen HTML b.class c. ID d. property e. atribut
10. Jenis selector yang hanya bisa digunakan sekali dalam suatu dokumen HTML adalah :
a. elemen HTML b.class c. ID d. property e. atribut
11. Dimana dalam sebuah dokumen HTML tempat yang tepat untuk memanggil ke style sheet eksternal ?
a. Diakhir dokumen c. Di bagian atas dokumen e. didalam tag
b. Di dalam bagian / tag <body d. Di dalam bagian / tag <head>
12. Property yang digunakan untuk mengubah warna latar belakang?
a. color: b. bgcolor: c. background-color: d. background-color-style: e.Background-image
13. Property CSS yang berfungsi untuk mengubah font menjadi small caps
a. font-weight b.font-style c. font-size d. font-variant e. Font-family
14. Dalam Tulisan Yang Kalian Baca Ini Merupakan Hasil Dari Properti Dari Text Transform, value mana
yang sesuai dengan tulisan tersebut?
a. none b.lowercase c. uppercase d.capitalize e. line-through
15. css memiliki fungsi untuk mempercantik tampilan halaman web. Css sendiri memiliki bebrapa metode
penulisan. Berikut ini yang merupakan penulisan kode css adalah…..
a. <style h1 {font-family: calibri};/style>
b. <style type=”text/css”> h1{font-family: calibri};</style>
c. <style type=h1{font-family:calibri}
d. <style font-family : calibri</style>
e. <style> font-family : calibri} </style>
16. Setiap halaman hanya boleh memiliki 1 elemen dengan id termasuk kedalam fungsi selector?
a. elemen HTML b.class c.ID d. property e. atribut
17. salah satu fungsi css digunakan untuk menentukan jarak inden dari baris pertama dalam teks-blok sehingga
teks pada baris pertama terlebih menjorok ke dalam dibanding teks pada baris yang lain, property yang
digunakan adalah?
a. Selector{ text-decoration:none} b. Selector{ word-spacing} e. Selector{text-indent : 8 cm}
b. Selector {line-heigh: 0.8;} d. P {direction: rtl}
18. Property css text-decoration memiliki beberapa format yang dapat digunakan. Perhatikanlah text berikut ini
! SMK INOVASI MANDIRI
Untuk mendapatkan format text seperti diatas, maka program cssyang dibutuhkan adalah :
a. Text-decoration : overline; c. Text-decoration : underline e. Text-decoration : blink;
b. Text-decoration : line-through; d. Text-decoration : bloder-line;
19. <style> body {color:red;}h1 {color:#00ff00;}
p.ex {color:rgb(0,0,255);} </style>
Dari kode HTML diatas menunjukkan bahwa ...
a. Pemberian heading c. Pengaturan warna e. Pengaturan ukuran teks
b. Pengaturan jarak d. Pengaturan warna teks
20. Fungsi CSS adalah ...
a. Mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran , warna tertentu.
b. Mendefenisikan page untuk suatu teks dengan jenis huruf, ukuran , warna tertentu.
c. Mendefenisikan desain untuk teks dengan jenis huruf, ukuran , warna tertentu.
d. Mendefenisikan kode untuk suatu teks dengan jenis huruf, ukuran , warna tertentu.
e. Mendefenisikan steel untuk suatu teks dengan jenis huruf, ukuran , warna tertentu.
21. Perhatikan kode HTML dibawah ini.
1. <HTML>
2. <HEAD>
3. <TITLE>Format Text </TITLE>
4. <STYLE ="text/css">
5. p.kata {text-transform: uppercase}
6. p.huruf {text-transform: lowercase}
7. p.abjad {text-transform: capitalize}
8. </STYLE>
9. </HEAD>
10. <BODY>
11. <p class="kata">
12. Siswa belajar pemwograman web
13. </p>
14. <p class="huruf">
15. SISWA BELAJAR PEMROGRAMAN WEB
16. </p>
17. <p class="abjad"> siswa belajar pemrograman web </p>
18. </BODY>
19. </HTML>
22. p { font-family: serif; } , Manakah yang termasuk Property ?

a. P b. Font-family c. Serif d. { e. ;
23. Jika kode HTML tersebut dijalankan bagaimana pengaruh kode HTML pada baris nomor 5...
a. Siswa belajar pemrograman web d. SISWA BELAJAR PEMROGRAMAN WEB
b. siswa belajar pemrograman web e. siswa belajar Pemrograman web
c. Siswa Belajar Pemrograman Web
24. Perhatikan kode CSS berikut ini:
#para a{ text-transform: : lowercase;}
Kode CSS diatas untuk mengatur:
a. Mengubah semua karakter menjadi huruf besar
b. Mengubah semua karakter menjadi huruf kecil
c. mengubah secara paksa huruf pertama dari setiap kata menjadi huruf besar.
d. mencegah perubahan dari semua karakter.
e. Merubah karakter pertama dengan huruf besar dan karakter kedua huruf kecil.
25. Sintak css di bawah ini merupakan jenis selector ..
.header{ width: 100%; height: 100px; background-color: #1abc9c; text-transform: : lowercase; }
h2{ font-family: sans-serif; margin-right: 30px; }
a. Tag selector dan ID selector
b. ID selector dan Universal Selector
c. Tag Selector dan Class Selector
d. Class Selector Dan Tag Selector
e. Universal Selector dan Tag Selector
26. .content{
font-size : 30px; text-align : justify;}
Pernyataan yang benar dibawah ini tentang pengaturan style diatas adalah:
a. Semua tag memiliki tinggi text 30 dan paragrafnya rata tengah
b. Untuk tag yang memiliki class atribut content tinggi text 30 px dan paragrafnya menggunakan rata kiri
dan kanan.
c. Untuk tag yang memiliki class atribut content paragrafnya menggunakan rata kiri dan kanan dan isi
paragrafnya 30 kata.
d. Untuk tag yang memiliki ID atribut content tinggi text 30 px dan paragrafnya menggunakan rata kiri
dan kanan.
e. Untuk tag yang memiliki class atribut content tinggi text 30 px dan paragrafnya menggunakan rata
tengah.
27. Selector yaitu ...
a. Bagian elemen HTML untuk mengatur style
b. Aturan dalam CSS untuk mengubah value yang dipilih
c. Sebuah property yang berada didalam tanda { }
d. Merupakan nilai dari property CSS
e. Dapat berupa class dan value
28. Dibawah ini manfaat penggunaan dari CSS dalam pembuatan web, kecuali ...
a. Kode HTML menjadi lebih sederhana
b. Dapat berkolaborasi dengan javascript
c. Mudah untuk mengubah tampilan
d. Kapasitas penyimpanan menjadi lebih besar, sehingga load lebih mudah
e. Dapat digunakan semua jenis web browser
29. Deklarasi eksternal style sheet yang benar pada HTML adalah ...
a. <style src="mystyle.css" />
b. <stylesheet>mystyle.css</stylesheet />
c. <link rel="stylesheet" href="style.css">
d. <link> rel="stylesheet" type="text;css" href="mystyle.css"</link>
e. <link> rel="stylesheet" type="text/css" href="mystyle.css"</link>
30. Penempatan kode CSS yang ditulis langsung pada atribut elemen HTML disebut...
a. Selector b.internal c. property d..eksternal e.inline
Isilah essay dibawah ini dengan benar

1. dibawah ini ada kode css, silahkan ananda untuk mengemukakan tentang apa kegunaan kode css tersebut
dan bagimana ketika ditampilkannya.
.main{ text-align: left;
line-height: 2px;
font-family: verdana;
text-indent: 2px;
a:visited {color:yellow}
body{background-image:url(gambar.jpg); background-reapeat-y;}
2. p.group{ color: yellow; font-family: verdana; font-size:"12pt"; font-weight: normal; background:
#0000FF }
dari koding css diatas coba ananda jelaskan yang dimaksud dengan text selector berwarna
merah ?
3. body {background-color: tan;}

h1 {color:maroon; fontsize:20px; }
p {font-size: 11pt; word-spacing:20px}
a:active {color:blue}
p.teballl { font-weight: 900; font-family: monospace; font-size: 15px; }
4. Bagiamana cara kerja dari inheritance dan specificity kemudian berikan contohnya?

Penilaian Tengah Semester (PTS) : A. Font-Weight B.font-Style

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Penilaian Tengah Semester (PTS) : A. Font-Weight B.font-Style

Diunggah oleh

Hak Cipta:

Format Tersedia

PENILAIAN TENGAH SEMESTER(PTS)

22. p { font-family: serif; } , Manakah yang termasuk Property ?

Isilah essay dibawah ini dengan benar

3. body {background-color: tan;}

Anda mungkin juga menyukai