Tugas Coding Pak Angga

SOAL TUGAS HTML & CSS

 Nama Kelompok :

•  Nabila Safitri
• Salwa Huwaidah

SOAL DAN JAWABAN

SOAL 1 ( 15 poin)

Pertanyaan :

a. Bentuk tampilan yang muncul seperti apa?

   Persegi Panjang

b. Apa warna latar belakang dan warna teksnya?

    Biru

c. Di mana posisi teks berada?

    Ditengah

SOAL 2 ( 15 poin)

Pertanyaan :

a. Apakah tampilan menyerupai tombol? Jelaskan.

     Iya, karena menggunakan elemen HTML <button> dan diberikan gaya visual melalui CSS

b. Bagaimana bentuk sudut tombol?

    Melengkung (Rounded)

c. Apakah tombol terlihat kecil atau sedang? Mengapa?

    Sedang, karena properti padding: 10px 25px;

SOAL 3 ( 20 poin)

Pertanyaan :

a. Gambar tampilan UI yang dihasilkan

    Backround abu-abu, Persegi Panjang,Border Hitam.

b. Jelaskan fungsi border dan padding pada kode di atas

•  Border : berfungsi untuk memberikan garis tepi atau bingkai disekeliling elemen agar batas area card  terlihat jelas.
• Padding : berfungsi untuk memberikan jarak/ ruang kosong 

SOAL 4 ( 20 poin)

Pertanyaan :

a. Posisi menu di tampilkan secara vertikal atau horizontal?

   Horizontal

b. Ada berapa menu yang terlihat?

   Ada 3 menu (yaitu : Home,Profil, dan Logout)

c. Warna apa yang muncul pada menu?

    Orange

SOAL 5 ( 30 poin)

Pertanyaan:

a. Deskripsikan tampilan UI yang dihasilkan

    Backround merah, Persegi panjang.

b. Ubahlah CSS agar:

•  Warna background menjadi kuning
• Teks berada di tengah 
• Sudut kotak menjadi melengkung