Soal UTS Desain WEB Semester 2 (Politeknik Kota Malang) dan Jawaban

SOAL

KERJAKAN SELURUH SOAL DENGAN BAIK DAN BENAR

1. Dalam form terdapat komponen input. Tulis dan berikan contohnya masing-masing
2. Tulis 5 tag HTML baru yang ada pada HTML 5
3. Berikan 5 contoh property baru pada CSS 3
4. Tulis 5 jenis file audio dan video yang bisa diputar menggunakan HTML5
5. Sebutkan cara menambah warna pada table dengan bootstrap, dan warna apa saja yang bisa digunakan ?


JAWABAN

1.       Komponen input :

a.       Time, contoh :

Ø  <label for=”time”>Waktu</label>

<input type=”time” name=”time” id=”time”>

b.      Email, contoh :

Ø  <label for=”email”>E-Mail</label>

<input type=”email” name=”email” id=”email”>

c.       Search, contoh :

Ø  <label for=”search”>Cari...</label>

<input type=”search” name=”search” id=”search”>

d.      Date, contoh :

Ø  <label for=”date”>Tanggal</label>

<input type=”date” name=”date” id=”date”>

e.      Url, contoh :

Ø  <label for=”url”>Alamat Website</label>

<input type=”url” name=”url” id=”url”>

2.       Tag HTML baru pada HTML5 :

a.       <article>

b.       <aside>

c.       <header>

d.      <footer>

e.      <section>

3.       Properti baru pada CSS3 :

a.       Properti border, contohnya: border-radius

b.      Properti background, contoh: multiple-background

c.       Properti color, contoh : opacity

d.      Properti text, contoh : text-overflow

e.      Properti UI, contoh : box-sizing

4.       Format Audio dan video yang bisa diputar dengan HTML5

a.       Audio :

Ø  MP3

Ø  WAV

Ø  OGG

b.      Video :

Ø  OGG

Ø  WebM

Ø  MP4

5.       Cara menambah warna pada table dengan bootstrap, dan warna apa saja yang bisa digunakan.

a.       Cara menambahkan warna :

Ø  Kita hanya perlu menambahkan class “warna” pada tag <tr> untuk 1 baris langsung atau pada tag <td> untuk per cell/kotak.

o   Contoh, misalnya kita akan membuat baris pertama menjadi warna biru muda.

<table class=”table”>

<tr class=”info”>

                <td>nama</td>

                <td>kelas</td>

<tr>

                <td>anggi</td>

                <td>TI-A</td>

</table>

b.      Warna :

Ø  success = hijau

Ø  danger = merah

Ø  info = biru muda

Ø  warning = kuning

Ø  default = putih

Ø  primary = biru

Ø  active = abu-abu

Posted by A-Blog