NEW
Font size
WorksheetsUjian Praktek
Total questions: 51
Worksheet time: 26mins
Untuk mengatur jaarak antar huruf menggunakan properti
letter-spacing
word-spacing
text-indent
line-height
Nilai inline-block pada display digunakan agar elemen
Menghiang dari tampilan
Selalu sejajar horizontal tapi tetap bisa diberi tinggi/lebar
Tidak bisa diatur ukurannya
Selalu di baris baru
Perintah border-radius: 50% biasanya digunakan untuk membuat
persegi
Kotak bayangan
Lingkaran
Efek transparan
Untuk mengubah warna teks digunakan properti
background-color
text-color
font-color
color
File eksternal CSS dihubungkan ke HTML dengan tag
<style>
<link>
<script>
<import>
Selector #judul berarti menarget elemen dengan
Class bernama judul
ID bernama judul
Tag bernama judul
Semua elemen teks
Untuk membuat teks rata kanan digunakan properti
align:right;
float: right;
text-align: right;
justify-content: right;
Selector p:first-child akan memengaruhi
Semua paragraf
Paragraf pertama dalam tiap parent
Hanya paragraf terakhir
Semua child elemen pertama
Untuk membuat efek transisi halus digunakan properti
smooth
transform
animation
transition
Untuk menempatkan elemen di tengah secara horizontal bisa menggunakan
float: center;
margin: auto;
align: middle;
text-align: center;
Properti background-repeat: no-repeat; artinya
Gambar tidak diulang
Gambar diulang
Gambar diulang secara horizontal
Gambar diulang secara vertikal
Selector universal di CSS ditulis dengan
#
*
.
:
Properti max-width digunakan untuk
Mengatur ukuran minimal elemen
Mengatur ukuran maksimal elemen
Mengatur ukuran fix
Mengatur margin otomatis
align-items: center;
berfungsi untuk
Menyusun item ke kanan
Menyusun item horizontal
Menyusun item di tengah vertikal dalam flex container
Mengatur jarak antar elemen
Properti transform: scale(1.5); berfungsi untuk
Memutar elemen
Memperbesar ukuran elemen
Mengubah warna elemen
Menambahkan bayangan
border: 2px solid red;
berarti
Border titik merah
Background merah
Border warna merah tebal 2px
Shadow merah
Untuk memberi garis bawah pada teks digunakan
border-bottom;
font-style: underline;
text-decoration: underline;
line-decoration: underline;
Untuk memeberi jarak antar baris tekss digunakan
line-height
text-ident
margin
padding
Untuk mengatur tebal font digunakan properti
font-style
text-style
text-weight
font-weight
CSS singkatan dari
Creative Style Sheets
Cascading Style Sheets
Computer Style Syntax
Colorful Style Sheets
Margin-top: -20px;
Artinya
Tidak ada efek
Menambah ruang atas
Menggeser elemen ke atas 20px
Menambah jarak ke bawah
Untuk memberi jarak luar elemen menggunakan properti
Margin
Padding
Border
Spacing
Nilai PX pada CSS berarti satuan
Pixel
Persen
Proporsi layar
Garis
HTML merupakan singkatan dari
Hyper Trainer Marking Language
Hyper Text Markup Language
Hyper Text Marketing Language
Hyper Tool Multi Language
Tag <h1> sampai <h6> digunakan untuk
Membuat List
Membuat heading atau judul
Membuat tabel
Membuat link
Atribut yang digunakan untuk menentukan alamat tujuan link adalah
src
alt
href
link
Atribut untuk menampilkan teks alternatif pada gambar adalah
title
href
src
alt
Tag <ul> digunakan untuk membuat
Daftar bernomor
List Item
List Tag
Daftar tidak bernomor
Tag <tr> digunakan untuk
Membuat kolom tabel
Membuat link
Membuat tabel data
Membuat baris tabel
Tag untuk menampilkan gambar adalah
<img>
<pic>
<image>
<photo>
Tag untuk membuat tautan (link) adalah
<href>
<url>
<a>
<link>
Tag <ol> digunakan untuk membuat
Daftar menggunakan circle
Daftar isi
Daftar tak bernomor
Daftar bernomor
Tag <th> digunakan untuk
Menentukan gambar
Membuat link
Membuat sel header di tabel
Membuat paragraf
Tag <form> digunakan untuk
Membuat daftar
Membuat tabel
Membuat formulir isian
Menambahkan gambar
Agar foto sekolah ada ditengah, maka css yang harus diterapkan adalah
margin: 12px 0;
margin: 0;
margin: center;
margin: 30px auto;
Untuk mewarnai bagian yang diberi panah maka bagian yang harus diberi warna latar belakang adalah
td
th
tr
background-color
Untuk memberikan garis setelah paragraf menggunakan
line-bottom
border-bottom
border
border-center
Untuk memberikan efek perubahan warna pada saat kursor diarahkan pada elemen maka harus menggunakan
:active
:flex
:focus
:hover
Jika font-size pada elemen induk adalah 20px, maka 2em adalah
10px
20px
16px
40px
Sebuah elemen memiliki width: 50%, dan induknya lebarnya 800px. Maka lebar elemen tersebut adalah
100px
400px
800px
50px
Apa yang dimaksud dengan programming?
Mengetik kode tanpa tujuan
Menggambar tampilan aplikasi
Proses menulis instruksi agar komputer bisa menjalankan perintah tertentu
Menggunakan komputer untuk bermain
Bahasa pemrograman digunakan untuk
Memberi perintah
Menghapus data
Mengatur ukuran file
Mengontrol warna layar
Siapa yang disebut programmer?
Orang yang merancang jaringan internet
Orang yang memperbaiki komputer rusak
Orang yang menulis dan memahami kode program kompute
Orang yang membuat desain grafis
Hasil akhir dari proses pemrograman disebut
Program atau Aplikasi
Website atau APK
Folder atau API
File teks
Tujuan utama belajar pemrograman adalah
Agar bisa membuat dan bermain game
Agar bisa menjadi hacker
Agar bisa mengetik cepat
Agar bisa membuat program/aplikasi
Tag <b> digunakan untuk
Membuat teks menjadi miring
Membuat teks bergaris bawah
Membuat teks tebal tanpa penekanan makna
Memberi warna pada teks
Tag <i> digunakan untuk
Membuat teks berukuran besar
Membuat teks tebal
Membuat teks menjadi miring (italic)
Membuat teks bergaris bawah
Tag <u> berfungsi untuk
Membuat teks berwarna merah
Membuat teks menjadi miring
Membuat teks bergaris bawah (underline)
Membuat teks besar
Tag <mark> digunakan untuk
Membuat teks kecil
Membuat teks besar
Menandai teks dengan warna latar (highlight)
Membuat teks bergaris
Menggabungkan 3 kolom
Menggabungkan 3 baris
Membuat teks menjadi tebal
Membuat sel berwarna
Jika ingin menggabungkan dua baris pada satu sel tabel, maka atribut yang digunakan adalah
colspan="2"
merge="2"
rowspan="2"
combine="2"
