Tantangan Rangkuman #2

Termasuk bagian Menata dengan CSS dalam perjalanan HTML di Coddy. Pelajaran 24 dari 76.

Tantangan

Mudah

Dalam tantangan rangkuman kedua ini, kamu akan menerapkan pengetahuanmu tentang properti penataan teks di CSS untuk membuat ulang desain tertentu. Tantangan ini akan menguji kemampuanmu menggabungkan berbagai properti teks, seperti color, font-family, font-size, font-weight, text-align, dan text-decoration, agar sesuai dengan desain yang diberikan.

Kamu diberikan dokumen HTML dengan heading (<h1>), paragraf (<p>), tautan (<a>), dan list tak berurutan (<ul>) dengan item list (<li>). Tugasmu adalah menggunakan properti penataan teks yang telah kamu pelajari untuk menata elemen-elemen ini agar sesuai dengan desain yang ditampilkan pada gambar di bawah:

Ikuti langkah-langkah berikut:

Tulis aturan CSS yang menargetkan elemen <h1>. Atur color ke black, font-family ke "Times New Roman", Times, serif, font-size ke 48px, font-weight ke bold, dan text-align ke center.
Tulis aturan CSS yang menargetkan elemen <p>. Atur color ke gray, font-family ke Arial, Helvetica, sans-serif, font-size ke 18px, dan text-align ke center.
Tulis aturan CSS yang menargetkan elemen <a>. Atur color ke red dan text-decoration ke none.
Tulis aturan CSS yang menargetkan semua elemen <li>. Atur color ke green, font-family ke "Courier New", Courier, monospace, font-size ke 25px, dan font-weight ke 600.

Coba sendiri

<html>
<head>
    <title>Recap Challenge #2</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph with a <a href="#">link</a>.</p>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</body>
</html>