W3.CSSLesson 51Preview gratis
W3.CSS Code
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Halaman Code membahas cara menampilkan potongan kode program di halaman web agar mudah dibaca. W3.CSS menyediakan kelas .w3-code untuk mempercantik blok kode, dipadukan dengan elemen semantik <pre> dan <code>. Ingat untuk meng-escape tanda kurung siku agar browser tidak menafsirkannya sebagai tag.
Poin kunci
- Elemen <code> untuk kode singkat di dalam kalimat, <pre> untuk blok
- .w3-code memberi latar, border, dan gulir horizontal pada blok kode
- Escape karakter khusus dengan entitas seperti < dan >
- Gunakan teks monospace agar baris kode terbaca rapi
- Highlight sintaks dapat ditambahkan lewat CSS atau pustaka pihak ketiga
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.