NEW
Font size
WorksheetsHTML CSS
Total questions: 40
Worksheet time: 30mins
Perangkat lunak yang digunakan untuk mengakses World Wide Web dari internet adalah...
Web Browser
Web Server
Web Responsive
Web Administrator
Alamat yang digunakan untuk menemukan sebuah file atau informasi ialah...
Website
Uniform Resource Locators
Server
Internet Protocol
Setiap perangkat komputer yang terhubung ke internet pasti memiliki sebuah alamat yang unik. Alamat tersebut biasanya dikenal dengan sebutan...
Server
IP Address
Client
URL
Seseorang yang memiliki tugas untuk mendesain tampilan sebuah web ialah...
Web Master
Web Developer
Web Programmer
Web Designer
Web yang memiliki interaksi antar pengguna (pengguna dengan admin atau pun pengguna dengan pengguna lainnya) disebut...
Web Interaktif
Web Statis
Web Responsive
Web Dinamis
Perhatikan jenis perangkat berikut.
(1) Adobe XD
(2) Microsoft Edge
(3) Mozilla Firefox
(4) Inkscape
(5) Google Chrome
Beberapa jenis perangkat di atas yang merupakan web browser ditunjukkan pada nomor...
(1), (2), dan (3)
(1), (3), dan (5)
(2), (3), dan (4)
(2), (3), dan (5)
Berikut ini yang bukan merupakan contoh text editor ialah...
Logo di samping merupakan software open source yang berbasis...
Web Browser
Web Application
Web Server
Web Administrator
Client side scripting merupakan jenis script yang pengolahannya dilakukan di sisi client/ pengguna. Berikut ini yang bukan Client side scripting ialah...
HyperText Markup Language (HTML)
JavaScript
Cascading Style Sheets (CSS)
Hypertext Preprocessor (PHP)
Server side scripting adalah jenis script yang pengolahan datanya dilakukan oleh komputer server/penyedia sehingga kode program tidak terlihat oleh client/ pengguna. Berikut yang bukan server side scripting ialah...
Active Server Pages (ASP)
Hypertext Preprocessor (PHP)
Extensible Markup Language (XML)
Java Server Pages (JSP)
HTML merupakan singkatan dari...
Hyper Link Markup Language
Hyper Text Markup Language
Hyper Test Markup Language
Hyper Link Markup Language
Manakah yang bukan merupakan struktur dasar dari HTML?
Tag
Elemen
If Else
Atribut
Tiga Struktur dasar dari Tag HTML yaitu…
html – title – table
html – head – title
title – head – body
html – head– body
Tag yang berfungsi untuk mengganti baris pada kode program HTML adalah...
<br>
<li>
<tr>
<td>
Dalam HTML tag <p> digunakan untuk...
Membuat footer
Membuat paragraf
Membuat komentar
Membuat header
Kode program di bawah ini berfungsi untuk
<img src="./logo-smksg.png" width="100" height="100">
Menampilkan gambar
Menampilkan audio
Menampilkan video
Menuju ke suatu link
Di bawah ini yang bukan termasuk tag untuk membuat heading adalah......
<h1>
<h6>
<b>
<h4>
Struktur dasar membuat tabel pada HTML...
<table>
<tr>
<td> </td>
</tr>
</table>
<table>
<tr>
</tr> <td>
</table>
</td>
<td>
<table>
<tr> </tr>
</table>
</td>
<table>
<tr>
</table>
<td> </td>
</tr>
<h1 align=”justify”>Hi XI RPL 1!!</h1>
Perhatikan kode program elemen HTML di atas, mana yang termasuk atribut HTML?
<h1>
align="justify"
Hi XI RPL 1!!
</h1>
Menampilkan daftar secara terurut merupakan ciri dari ...
Unordered lists
Ordered lists
Uniordered lists
Description lists
Tag pada HTML yang dapat diisikan lebih banyak teks di dalamnya ialah tag...
<input>
<textarea>
<label>
<select>
Tag pada HTML yang digunakan sebagai judul dokumen pada halaman web ialah tag...
<title> ... </title>
<html> ... </html>
<body> ... </body>
<head> ... </head>
Tag pada HTML yang biasanya digunakan untuk membuat judul artikel ialah tag...
<head> ... </head>
<body> ... </body>
<title> ... </title>
<h1> ... </h1>
Tag yang digunakan untuk membuat komentar pada kode program HTML ialah tag...
<!-- ... -->
<del> ... </del>
<pre> ... </pre>
<blockquote> ... </blockquote>
Atribut href yang terdapat pada tag untuk pembuatan sebuah link memiliki sebuah fungsi yaitu...
mendefinisikan sebuah halaman
membuat halaman baru pada sebuah web
Berisi suatu alamat yang akan dituju
membuat sebuah link baru
Perhatikan kode program styling berikut.
div {
color: fushia;
}
.card {
font-family: 'Montserrat', serif;
}
Pada kode program di atas yang termasuk selector ialah...
font-family & color
fushia & 'Montserrat', serif
.card & font-family
div & .card
Bagian selector pada CSS mempunyai definisi...
Bagian untuk menghubungkan kode CSS dengan tag HTML yang sesuai
Bagian yang digunakan untuk mengubah style pada HTML
Bagian yang digunakan untuk mendeklarasikan CSS
Bagian yang digunakan untuk mengubah nilai CSS
Perhatikan cara penulisan CSS berikut
(1) External Style Sheet
(2) Inline Style Sheet
(3) Outline Style Sheet
(4) Internal Style Sheet
(5) Offline Style Sheet
Dari data di atas yang termasuk dalam cara penulisan CSS ditunjukkan oleh nomor...
(1), (2), dan (3)
(2), (3), dan (4)
(1), (2), dan (4)
(2), (4), dan (5)
Penulisan selector sendiri memiliki beberapa aturan. Penulisan selector yang salah ditunjukkan pada...
(href) {
fonts-size: 30px;
}
* {
margin: 0;
padding: 0;
}
.card-profile {
color: blue;
}
#content {
background-color: aqua;
}
Kode program di samping menerapkan cara penulisan CSS...
Inline Style Sheet
External Style Sheet
Internal Style Sheet
Outline Style Sheet
Kode program di samping menerapkan cara penulisan CSS...
Internal Style Sheet
Inline Style Sheet
Outline Style Sheet
External Style Sheet
<p style="text-transform: lowercase;"> ... </p>
Kode program di atas menerapkan cara penulisan CSS...
External Style Sheet
Internal Style Sheet
Inline Style Sheet
Outline Style Sheet
Property yang berguna untuk membuat baris awal paragraf menjorok ke dalam ialah...
line-height
text-decoration
text-align
text-indent
Property yang digunakan untuk mengatur jarak antar baris ialah...
line-height
font-variant
text-transform
font-weight
Property yang berfungsi untuk menentukan jenis font yang akan digunakan pada halaman web ialah...
font-size
font-family
font-style
font-variant
p {
text-decoration: line-through;
}
Hasil dari kode program CSS di atas ialah
Gambar di samping merupakan hasil dari kode program...
p {
letter-spacing: 5px;
}
p {
line-height: 30px;
}
p {
word-spacing: 10px;
}
p {
text-indent: 30px;
}
Gambar di samping merupakan hasil dari kode program...
p {
text-align: right;
}
p {
text-align: left;
}
p {
text-align: center;
}
p {
text-align: justify;
}
Property pada CSS Box Model yang berfungsi untuk mengatur jarak antara content dengan border ialah...
Content
Margin
Padding
Border
Property pada CSS Box Model yang berfungsi untuk mengatur jarak di luar elemen/border maupun mengatur jarak setiap elemen ialah...
Margin
Content
Border
Padding
