Bagaimana membuat: Penyorotan sintaks

Belajar bagaimana membuat dan menggunakan penyorotan sintaks.

Penyorotan sintaks

Ketika anda menambahkan warna ke bagian kode, mereka akan lebih mudah dibaca:

<!DOCTYPE html> <html> <body> <h1>Uji Kelayakan Sintaks HTML</h2> <p>Hello world!</p> <a href="https://www.codew3c.com">Kembali ke Sekolah</a> </body> </html>









Bagaimana membuat penyorotan sintaks?


Tahap pertama - Tambahkan HTML:


Div berisi kode HTML:


<div id="myDiv">
<!DOCTYPE html><br>
<html><br>
<body><br>
<br>
<h1>Uji Kelayakan Sintaks HTML</h2><br>
<p>Hello world!</p><br>
<a href="https://www.codew3c.com">Kembali ke Sekolah</a><br>
<br>
</body><br>
</html>
</div>



Tahap kedua - Tambahkan JavaScript:


Buat fungsi "w3CodeColor" dan gunakan elemen DIV sebagai parameter untuk memanggilnya:


w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
  // klik "Cuba Sendiri" untuk lihat JavaScript...
}



Try It Yourself