Menu
CoddyTech
START LEARNING

Warna Teks

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

Dalam CSS, property color digunakan untuk mengatur warna teks di dalam elemen. Kamu dapat menerapkan berbagai nilai warna pada teks untuk memperindah tampilan halaman webmu.

selector {
    color: value;
}

Contohnya:

h3{
  color: purple;
}
challenge icon

Tantangan

Mudah

Kamu diberi dokumen HTML dengan judul (<h1>) dan paragraf (<p>). Tugasmu adalah menggunakan property color untuk menata elemen-elemen ini. Ikuti langkah-langkah berikut:

  1. Tulis aturan CSS yang menargetkan elemen <h1>. Atur color menjadi purple.
  2. Tulis aturan CSS yang menargetkan elemen <p>. Atur color menjadi yellow.

Coba sendiri

<html>
<head>
    <title>Text Color</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>
quiz iconUji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Menata dengan CSS

1Pengantar

Apa itu CSS?Sintaks CSSKomentar CSSTag HeadTag Title

4Dasar-Dasar Teks

Warna TeksJenis FontUkuran FontKetebalan FontPerataan TeksDekorasi TeksTantangan Rangkuman #1Tantangan Rangkuman #2

7Model Kotak Bagian 1

Apa Itu Model Kotak?PaddingMarginBorderLebar dan TinggiTantangan Ulasan

10Formulir Login

Bagian isiWadah formulirPelajaran proyekinputPelajaran proyekTombolPelajaran proyek

13Halaman Web Tonga

Menu NavigasiHeader SambutanPelajaran proyekBagian TentangPelajaran proyekBagian KontakPelajaran proyekTag ViewportPelajaran proyekMedia QueryPelajaran proyek

2Menambahkan CSS

CSS InlineCSS InternalCSS EksternalTantangan Penataan Gaya Dasar

5Warna dan Latar Belakang

Warna Latar BelakangWarna HEXWarna RGBTransparansi dengan RGBATantangan Rangkuman #1

8Model Kotak Bagian 2

Ukuran KotakRadius SudutLuapanBayangan KotakTantangan Mengulas

11Teknik Tata Letak

Elemen block vs inlineDasar PenempatanPenempatan RelatifPenempatan AbsolutPenempatan TetapDasar Z-IndexTantangan Kilas Balik

14Tantangan Akhir

Susun ItemDaftar FilmKartu Undangan PernikahanNotifikasi Mengambang

3Selektor Dasar

Pengantar SelektorSelektor TipeSelektor classSelektor IDSelektor GrupSelektor UniversalTantangan Seleksi

6Menu Kafe

Dasar TipografiPenataan TeksPelajaran proyekWarna dan Latar BelakangPelajaran proyek

9Flexbox

Apa itu Flexbox?Arah FlexJustify ContentAlign ItemsTitik Tengah yang SempurnaTantangan Flexbox

12Dasar-Dasar Desain Responsif

Apa Itu Desain Responsif?Tag Meta ViewportTata Letak FluidaUnit ViewportDasar-Dasar Media QueriesGambar Fleksibel

Latihan sendiri: Playground Web