WorksheetsDA Kuis CSS - 26 Januari 2021
Total questions: 20
Worksheet time: 13mins
CSS dalam HTML dapat dibuat dengan menggunakan 3 cara, yaitu ... , ... , dan ...
style
embed
embrace
inline
external
Manakah dari pernyataan di bawah ini yang merupakan penulisan kode CSS dalam HTML menggunakan cara external ?
<a href rel="stylesheet" type="text/css" link="tugas.css">
<link ="stylesheet" type="text/css" a href="tugas.CSS">
<link href="stylesheet" type="text/css" rel="tugas.css">
<link rel="stylesheet" type="text/css" href="tugas.CSS">
Di bawah ini, manakah basic coding HTML yang tepat saat mulai membuat program HTML versi 5 ?
* Noted : HTML versi 5 adalah program HTML yang kita pakai untuk pembelajaran.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
<html>
<body>
<head>
<title></title>
</head>
</body>
</html>
<html>
<head>
</head>
<title></title>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<title></title>
</body>
</html>
Pada CSS terdapat style background repeat.
Sebutkan 2 property yang dapat diatur dalam background repeat !
font-style
no-repeat
font-weight
repeat
Pada CSS terdapat style 'body {}' artinya adalah ...
pada bagian yang terdapat kata-kata body, akan diubah stylenya melalui CSS
pada bagian yang termasuk ke dalam body program, akan diubah stylenya melalui HTML
pada bagian yang terdapat kata-kata body, akan diubah stylenya melalui HTML dan CSS
pada bagian yang termasuk ke dalam body program, akan diubah stylenya melalui CSS
Perhatikan gambar berikut !
Gambar tersebut dalam CSS menggunakan background image dengan property ...
repeat
no-repeat
image position
image source
Perhatikan gambar berikut !
Gambar tersebut dalam CSS menggunakan background image dengan property ...
repeat
no-repeat
image position
image source
Dalam CSS untuk membuat teks paragraf menjadi cetak tebal menggunakan style ...
font style
font weight
strong
italic
Dalam CSS untuk membuat teks paragraf menjadi cetak miring menggunakan style ...
font style
font weight
strong
italic
Berikut ini yang termasuk ke dalam background-position pada CSS, kecuali ...
x% y%
bottom center
center right
vertical left
Dalam HTML, untuk membuat dua paragraf atau lebih yang berbeda warna teks pada setiap paragrafnya, maka pada paragraf pertama ditulis codingnya ...
<p>
</p>
<p id="p1"></p>
#p1
<p class="p1"></p>
Dalam HTML, untuk membuat dua paragraf atau lebih yang berbeda warna teks pada setiap paragrafnya, maka pada paragraf kedua ditulis codingnya ...
<p>
</p>
<p id="p2"></p>
.p2
<p class="p2"></p>
Dalam CSS, tiap paragraf dapat diberikan warna font yang berbeda-beda. Untuk menuliskan style pada paragraf pertama digunakan ...
<p id="p1"></p>
.p1 {}
#p1 {}
<p class="p1"></p>
Dalam CSS, tiap paragraf dapat diberikan warna font yang berbeda-beda. Untuk menuliskan style pada paragraf kedua digunakan ...
<p id="p2"></p>
.p2 {}
#p2 {}
<p class="p2"></p>
Dalam CSS, untuk membuat style background image, digunakan coding ...
<img src="bg6.png" width="100px">
background-image: url(bg4.png);
<img src="bg6.png" width="100px"></img src>
<link rel="background-image" a href="bg4.png">
Dalam HTML, untuk memasukkan image, digunakan coding ...
<img src="bg6.png" width="100px">
background-image: url(bg4.png);
<img src="bg6.png" width="100px"></img src>
<link rel="background-image" a href="bg4.png">
Perhatikan gambar berikut !
Bagian yang diberi tanda kotak dan diberi tanda centang merah : ada highlight/blok warna biru di belakang teks 'Coba Gambar di CSS' , pada CSS menggunakan style ...
background color
font color
color
heading
Perhatikan gambar berikut !
Dalam CSS untuk membuat teks paragraf menjadi berwarna, menggunakan style ...
background color
font color
color
font style
Dalam CSS, style font-family digunakan untuk ...
mengelompokkan paragraf ke dalam list order
mengganti jenis huruf pada teks paragaraf
mengubah ukuran huruf pada teks paragaraf
membuat teks paragraf menjadi cetak tebal atau cetak miring
Dari pernyataan di bawah ini manakah style pada body CSS yang tepat untuk menampilkan :
background color - background image - background repeat - background position
style
body {
background: green url(bg4.png) no-repeat 650px 350px;
}
style {
background: green url(bg4.png) no-repeat 650px 350px;
}
body {
background: green url(bg4.png) no-repeat 650px 350px;
}
style-body
background: green url(bg4.png) no-repeat 650px 350px
