NEW
Font size
WorksheetsHTML CSS
Total questions: 21
Worksheet time: 6mins
Berikut ini adalah pernyataan yang benar tentang situs web, kecuali..
Tempat menampung informasi yang dapat diakses melalui web browser
Terdapat dua jenis situs web, yaitu situs web statis dan situs web dinamis
Situs web hanya diakses oleh seorang full stack developer saja
Pernyataan sebab akibat yang benar adalah..
Karena aku seorang full stack developer maka aku harus mengembangkan aplikasi frontend dan backend sekaligus
Karena binaracademy.com adalah sebuah situs web statis maka halaman-halamannya akan diproses oleh server agar tampilan halaman tersebut disesuaikan preferensi user
Karena aku ingin membuat sebuah situs web dinamis maka aku hanya perlu belajar HTML, CSS, dan Javascript
Manakah pernyataan-pernyataan yang benar di bawah ini?
Backend adalah server side application; Frontend adalah client side application;
Backend adalah client side application; Frontend adalah server side application;
Backend dan frontend keduanya merupakan server side application;
Sabrina sedang mengembangkan sebuah situs bernama belajarbarengsabrina.com, situs tersebut hanya akan menyajikan konten yang akan selalu berubah karena kursus di situs tersebut akan selalu Sabrina perbarui. Untuk memperbarui konten di dalam situs tersebut Sabrina harus merubah HTML, CSS dan Javascript-nya saja. Kira-kira tipe situs yang sedang dikerjain Sabrina tuh situs web apa ya?
Situs Web Dinamis (Dynamic Website)
Situs Web Statis (Static Website)
Client Side Application
Berikut ini adalah pernyataan yang salah tentang frontend?
Bagian dari situs web yang bertugas untuk mengolah informasi dan logika bisnis
Bagian dari situs web yang bertugas untuk mengolah informasi menjadi tampilan
Bagian dari situs web yang berguna untuk menerima input dari penggunanya melalui tampilan
Fitur yang mengimplementasi fungsi pengiriman email ke pengguna setelah pengguna melakukan registrasi di situs web ini di bagian situs web yang mana ya?
Backend
Frontend
Full Stack
Bagian situs web yang bertugas untuk melayani penggunanya secara langsung adalah
Server Side Application
Backend
Frontend
Dalam membuat dokumen HTML, mengapa kita perlu menulis <!DOCTYPE html> ?
Memberitahu bahwa file tersebut mempunyai ekstensi .html
Browser tidak akan tahu kalau dokumen tersebut HTML bila kita tidak menuliskannya
Memberi tahu browser bahwa dokumen tersebut menggunakan HTML5
Browser tidak akan berjalan tanpa itu
Cara membuat header yang benar adalah dengan cara?
<h6>Hello World</h6>
<h5>Hello World</h5>
<h2>Hello World</h2>
<h1>Hello World</h1>
Berikut adalah contoh elemen yang memiliki atribut boolean
<button type=”submit” disabled>Hack<button>
<h1 class=”judul”>Hello world</h1>
<a href=”https://binar.co.id”>Cek website Binar, yuk!</a>
<a href=”https://google.com” class=”link”>Google</a>
Untuk mengganti judul yang ada di tab browser, elemen apa yang perlu kita tambahkan dalam head?
<title></title>
<body></body>
<p></p>
<ul></ul>
Bagaimana cara kita menambahkan gambar di halaman kita?
<img src=”./alamat/ke/gambar.jpg”>
<img href=”./alamat/ke/gambar.jpg”>
<img target=”./alamat/ke/gambar.jpg”>
<img link=”./alamat/ke/gambar.jpg”>
Cara membuat hyperlink yang benar adalah
<a rhef=”https://binar.co.id”>Binar</a>
<a link=”https://binar.co.id”>Binar</a>
<a href=”https://binar.co.id”>Binar</a>
<a src=”https://binar.co.id”>Binar</a>
Bagaimana cara memilih elemen yang ingin kita beri aturan di CSS berdasarkan kelasnya?
Menggunakan tanda pagar (#), sebagai contoh #nama_kelas
Menggunakan tanda titik (.), sebagai contoh .nama_kelas
Langsung kita sebut nama kelasnya seperti nama_kelas
Menggunakan pseudo element seperti nama_kelas::after
Untuk membuat internal stylesheet, elemen apa yang kita butuhkan?
<link>
<a>
<button>
<style>
Untuk membuat eksternal stylesheet, elemen apa yang kita butuhkan?
<link>
<a>
<button>
<style>
Bootstrap adalah salah satu framework yang bisa digunakan untuk menuliskan CSS. Manakah yang bukan keunggulan dari bootstrap?
Simple
Pengembangan cepat
Konsisten
Teknologi terbaru
Kelas apakah yang kita pakai untuk membuat tombol berwarna merah, seperti yang ada di gambar?
btn-danger
btn-info
btn-success
btn-red
Bagaimana cara menginstal Bootstrap secara online?
Unduh zip Bootstrap dari website resmi, lalu ekstrak dan panggil dari file HTML.
Menggunakan elemen link untuk memanggil langsung dari maxcdn
Bagaimana cara membuat header dari tabel berwarna gelap, namun body dari tabel tersebut tetap berwarna terang?
Tambahkan kelas .thead-dark di elemen <table>
Tambahkan kelas .table-dark di elemen <th>
Tambahkan kelas .thead-dark di elemen <thead>
Kelas apakah yang akan kita gunakan untuk melakukan clip pada suatu image menjadi berbentuk lingkaran?
.rounded
.rounded .circle
.img-rounded
.img-responsive
