wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

FC 4 Kelas 8

Total questions: 7

Worksheet time: 4mins

Name
Class
Date
1.

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Foto Slide</title>

<style media="screen">

ul {

list-style-type: none;

margin: 0;

padding: 0;

overflow: hidden;

background-color: rgb(4, 69, 95);

}

Script diatas merupakan ciri css jenis....?

a)

Internal

b)

Eksternal

c)

internal dan eksternal

d)

ineksternal

2.

form {

border: 3px solid #f1f1f1;

}

/* Full-width inputs */

input[type=text], input[type=password] {

width: 100%;

padding: 12px 20px;

margin: 8px 0;

display: inline-block;

border: 1px solid #ccc;

box-sizing: border-box;

}

Scrpit diatas merupakan ciri css jenis....?

a)

Internal

b)

Eksternal

c)

Internal dan Eksternal

d)

Ineksternal

3.

button {

  background-color: #04AA6D

  color: white;

  padding: 14px 20px;

  margin: 8px 0

  border: none;

  cursor: pointer;

  width: 100%;

Apa yang terjadi jika scrpt css tersebut di run?

a)

tampil Tombol/Button berwarna hijau

b)

tampil Tombol/Button berwarna merah

c)

tampil Tombol/Button berwarna hitam

d)

Error/Tidak Tampil apa2

4.

Buatlah script untuk menampilkan form kelas seperti digambar



(a)  

5.

untuk memasukan icon sosmed tersebut dalam css bisa menggunakan

a)

Fontawsome

b)

Fontawesome

c)

font-family

d)

font-face

6.

<a href="#"><i class="fa fa-instagram"></i></a>

a)

Icon Instagram

b)

Foto Instagram

c)

Instagram

d)

Feed Instagram

7.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Fungsi ink tersebut adalah

a)

generate font-awesome

b)

memanggil font-awesome

c)

font-awesome

d)

copy font-awesome