Worksheetslatihan 2 10 rpl
Total questions: 60
Worksheet time: 33mins
Apa perintah yang paling pertama dalam mengawali pembuatan HTML...
<body>
</body>
</html>
<html>
Manakah pada pilihan dibawah ini yang merupakan mahasa Markup…
PHP
JavaScript
HTML
Python
Tiga Struktur dasar Tag HTML yaitu…
title – head – body
html – head – title
html – head– body
html – title – table
Membuat text tebal pada HTML yaitu menggunakan…
<b>
<p>
<i>
<br>
Perintah untuk mengganti baris pada HTML adalah...
<br>
<tr>
<td>
<li>
HTML merupkan singkatan dari...
Hyper Link Markup Leaguage
Hyper Text Markup Laguage
Hyper Test Markup Laguage
Hyper Team Markup Laguage
Dalam HTML tang <p> digunakan untuk...
Membuat komentar
Membuat paragraf
Membuat header
Membuat footer
Perhatikan kode html beikut ini:
<ul>
<li>Satu</li>
<li>Dua</li>
<li>Tiga</li>
</ul>
Hasil dari kode html di atas adalah …
Struktur dasar membuat tabel pada html ....
<table>
<tr>
<td> </td>
</tr>
<table>
<table>
<tr>
<tr> <td>
<table>
</td>
<table>
<tr>
<td> </td>
</tr>
</table>
<td>
<table>
<tr> </tr>
</table>
</td>
Pasangan hasil yang sesuai untuk pemformatan dengan tag <u> dan <i> secara berurutan adalah …
satu dan dua
satu dan dua
satu dan dua
satu dan dua
Coding dibawah ini berfungsi untuk,
<img src="png.png" width="100" height="100"></img>
Menampilkan audio
Menampilkan video
Menampilkan gambar
Menuju ke suatu link
Penulisan DOCTYPE yang benar dalaman HTML 5 adalah
<html>
<DOCTYPE>
<!DOCTYPE HTML5>
<!DOCTYPE HTML>
berikut ini yang bukan termasuk tag untuk membuat heading adalah......
<h4>
semua benar
<h5>
<h7>
<h1 align=”center”>hello world</h1>cobaperhatikanelemen HTML diatas, mana yang termasukisidari tag HTML?
hello word
center
<div>
<h1 align=”center”>
Apa fungsi dari hyperlink dalam halaman web?
Untuk menggabungkan 2 atau lebih kolom pada baris yang berbeda
Untuk memudahkan pengunjung web dalam menulusuri/menjelajahi seluruh isi atau informasi yang tersimpan dalam situs web bersangkutan.
Mengubah tampilan halaman web
Untuk menggabungkan halaman web
Cara membuat daftar bernomor adalah dengan menggunakan …
tag <ol> dan <li>
tag <ul> dan <li>
tag <ol> dan <ul>
tag <ol> dan <hr>
Pasangan hasil yang sesuai untuk pemformatan dengan tag <u> dan <i> secara berurutan adalah …
satu dan dua
satu dan dua
satu dan dua
satu dan dua
Penempatan tag judul halaman yang tepat pada dokumen html adalah …
di antara tag head
sesudah body, sebelum head
di antara tag body
sebelum body, sesudah head
Perbedaan tampilan text yang diformat dengan tag <h1> dan <h6> adalah …
tag <h1> menampilkan teks lebih besar dari <h6>.
tag <h1> menampilkan teks lebih kecil dari <h6>.
tag <h6> menampilkan teks berukuran sama dengan <h1>.
tag <h6> menampilkan teks lebih besar dari <h1>.
Perhatikan kode html beikut ini:
<ul>
<li>Satu</li>
<li>Dua</li>
<li>Tiga</li>
</ul>
Hasil dari kode html di atas adalah …
Tag dasar yang digunakan untuk mendefinisikan bagian-bagian halaman adalah …
head, body, div
html, head, body
body, img, table
div, html, head
Tag yang digunakan untuk mengetikkan teks sebagai sebuah paragraf adalah …
<p>
<h1>
<title>
<u>
Tag yang menjadi penanda sebuah berkas HTML adalah …
<html>
<head>
<h1>
<body>
Urutan langkah yang benar untuk menyimpan dokumen HTML melalui aplikasi Notepad adalah …
ketik nama dengan tambahan .htm lalu ubah tipe ke All files dan klik Save.
pilih folder tempat penyimpanan, ketik nama file dengan tambahan .htm langsung klik Save.
ketik nama dengan tambahan .htm lalu ubah tipe ke Text files dan klik Save.
pilih folder tempat penyimpanan, ketik nama file dengan tambahan .htm lalu buah tipe ke Text files dan langsung klik Save.
Urutan penggunaan tag yang sesuai struktur dalam sebuah halaman web adalah …
<html> - <head> - <body> - <p>
<body> - <p> - <html> - <head>
<html> - <p> - <head> - <body>
<head> - <body> - <p> - <html>
HTML adalah singakatan dari?
HyperText Markup Language
HyperTeks Marker Language
HyperText Marker Languange
HyperText Markup Languange
HTML merupakan bahasa pemrograman yang digunakan untuk membangun?
Website
Halaman
Code Editor
Home Page
Berners-Lee adalah?
pembuat halaman web
pencipta HTML
developer halaman web
programmer
versi pertama dari HTML dirilis pada tahun?
1990
1991
1992
1993
W3C adalah organisasi yang selanjutnya mengelola mengembangkan HTML. Kepanjangan dari W3C adalah?
Worl Wide Website Consortium
Wordl Wide Web Consorcium
World Wide Web Consortium
Word Wide Web Consorcium
Versi HTML terbaru saat ini adalah HTML?
HTML5
HTML4
HTML6
HTML3
Halaman HTML terdiri dari Serangkaian?
tag dan elemen
tags dan element
tags atau elements
tag atau elemen
gambar berikut ini adalah gambar dari?
struktur tag HTML
struktur kode HTML
struktur atribut HTML
halaman HTML
tag pembuka pada HTML terdiri dari?
nama tag, konten dan nilai
tag, atribut dan konten
nama tag, atribut dan konten
nama tag, atribut, dan nilai atribut
gambar di samping adalah logo dari?
Sublime Text
Atom
Visual Studio Code
Sublime Code
Untuk mengganti judul yang ada di tab browser, kita perlu menambahkan elemen di dalam head, apa itu ...
<title></title>
<p></p>
<body></body>
<div></div>
Tag yang digunakan untuk membuat link adalah?
a
href
div
nav
Mana tag di bawah ini yang memiliki ukuran / font-size paling besar ...
<h7>
<h6>
<h2>
<h1>
Untuk menampilkan gambar di html, tag yang benar di bawah ini adalah ...
<link src="img_girl.jpg" .....
<img href="img_girl.jpg" .....
<img file="img_girl.jpg" .....
<img src="img_girl.jpg" .....
Sebutkan 7 tag html yang kalian ketahui, kecuali yang sudah saya sebutkan di bawah ?
contoh: <p> , <h1>, <h2> , <h3> , <h4> , <h5> , <img>
Pada tag apa sebaiknya CSS dipanggil pada sebuah file HTML?
head
title
css
footer
Cara membuat css untuk suatu id diawali dengan character...
.
#
$
,
Cara membuat css untuk suatu class diawali dengan character...
.
#
$
,
Cara membuat text menjadi bold menggunakan attribute css?
font-weight
font-bold
bold
font-size
Berikut ini manakah deklarasi css yang membuat suatu elemen menampilkan teks berwarna merah?
background-color: red;
color: red;
text-color: red;
element-color: red;
Manakah dari sintaks berikut yang benar dalam CSS untuk membuat setiap kata dalam kalimat dimulai dengan huruf kapital?
text-style : capital;
transform : capitalize;
text-transform : capital;
text-transform : capitalize;
Sintak css yang digunakan ntuk mengatur jarak antara 2 div seperti gambar, bisa menggunakan ?
padding: 50px;
margin: 50px
spacing: 50px;
space: 50px;
Sintax untuk padding top dan bottom pada boostrap 5 adalah ....
class="py-3"
class="my-3"
class="ms-3"
class="me-3"
Misalkan kita akan mengimplementasikan responsive design menggunakan boostrap 5,
untuk tampilan handphone / ≥576px adalah 12 colomn,
untuk tampilan tablet / ≥768px adalah 8 colomn,
untuk tampilan desktop / ≥992px adalah 4 colomn,
maka sintak yang digunakan adalah
class="col-lg-4 col-md-8 col-sm-12"
class="col-sm-4 col-md-8 col-lg-12"
class="col-md-4 col-sm-8 col-lg-12"
class="col-md-4 col-lg-8 col-sm-12"
Syntax / Kode css untuk membuat kotak dengan warna merah, tinggi 100px, dan lebar 300px, adalah ....
.kotak { ..... }
Kepanjangan dari CSS adalah...
Coloring Style Sheet
Customising Style Sheet
Cascading Style Sheets
Customising Simple Style
Pada CSS, untuk mengatur jenis tulisan menggunakan property…
Font-number
Font-family
Font-size
Font-style
Untuk mengubah tulisan menjadi seperti gambar, maka perintah margin yang mungkin adalah…
margin-top: 100px;
margin-left: 80px;
margin-left: right;
margin-bottom: 80px;
Berikut ini merupakan jenis CSS, kecuali…
Middle CSS
Eksternal CSS
Inline CSS
Internal CSS
Semua elemen yang ada pada <p> nantinya akan menjadi:
Warna : tengah, orientasi: kuning
Warna: merah, Orientasi: kanan
Warna: Biru, Orientasi: kanan
Warna: Biru, Orientasi: tengah
Untuk menghubungkan HTML dengan External CSS, value dari href harus diisi dengan…
Judul situs yang dibuat
lokasi html yang dibuat
tanggal dibuatnya file html
lokasi file css yang dibuat
Untuk mendapatkan warna tulisan seperti pada gambar, maka kode pada pada CSS yang harus ditulis adalah...
color: blue;
font-color: blue;
border-color: blue;
color-adjust: blue;
Pada potongan kode tersebut, p dan h1 merupakan…
value
selector
property
huruf
Potongan kode diatas bertujuan untuk memodifikasi...
Warna background
Tulisan pada background
Posisi gambar pada background
Gambar background
Kode diatas merupakan cara pengambilan warna dengan menggunakan...
Nilai warna yang solid
Nilai HEX
Nilai RGB
Nilai rumit
