Latihan PAT

Seorang programmer ingin membuat layouting seperti gambar di atas, jika di analisa tampilan di atas, ada 3 buah shape yang memiliki radius yang berbeda. property yang tepat untuk

• border-radius: 0px 50px;

• border-radius: 50px 0px;

• border-radius:0px 50px 50px 0px;

• border-radius:50px 0px 50px 0px;

Untuk membuat list seperti gambar di atas, tag yang digunakan di html ialah …

• <ul> dan <li>

• <ol> dan <li>

• <ul> dan <ol>

• <tr> dan <td>

Untuk memberi jarak antara kotak yang pertama dengan kotak berikitnya, makan property yang digunakan di css ialah …

• margin : 2px;

• padding : 2px;

• text-align : 2px;

• margin-left : 2px;

Untuk dapat menerapkan class header ( .header) dalam html, maka tag yang digunakan ialah …

• <div class = header>pesat</div>

• <div class = “header”>pesat</div>

• <div class = “header”>pesat<div>

• <div “header”>pesat</div>

Untuk membuat layout seperti di atas, property yang bisa digunakan salah satunya ialah….

•  Display : flex;

• Display : block;

• display : grid-template-areas;

• display : grid-ialign-items;

jika sebuah container sudah menggunakan property grid-template-areas dengan nama area "konten1 konten2 konten3 konten4" seperti gambar di samping , maka posisi konten 4 berada pada posisi ....

• kolom 4

• baris 4

• baris 1

• kolom 1

Agar teks tercetak tebal, maka property untuk melengkapi class di atas ialah

(a)   : bold;

untuk mengatur pewarnaan di css
​ ​ (a)  

• var(--primary);
• var(primary)
• --var(primary)
• -var(primary)
• var(-primary)

Lengkapi property css di bawah ini

​ ​ (a)   : url('header-bg.jpg');

​ ​ (b)   : cover;

​ (c)   : center;

• background-image
• background-size
• background-position

​ ​ (a)   (​ (b)   : 1366px){

html{

​ (c)   : 75px;

}

}

• @media
• max-width
• font-size