Hoe OM - Skep 'n sintaks-verligter
Leer hoe om 'n Syntax Highlighter te skep en te gebruik.
Sintaksis Verligmaker
Kodebrokkies is makliker om te lees as jy 'n bietjie kleur byvoeg:
<!DOCTYPE html>
<html>
<body>
<h1>Testing an HTML Syntax Highlighter</h2>
<p>Hello world!</p>
<a href="https://www.w3schools.com">Back to School</a>
</body>
</html>
<html>
<body>
<h1>Testing an HTML Syntax Highlighter</h2>
<p>Hello world!</p>
<a href="https://www.w3schools.com">Back to School</a>
</body>
</html>
<!DOCTYPE html >
<html >
<liggaam >
<h1 >Toets 'n HTML-sintaksisverligmaker </h2 >
<p >Hallo wêreld! </p >
<a href ="https://www.w3schools.com" >Terug skool toe </a >
</body >
</html >
<html >
<liggaam >
<h1 >Toets 'n HTML-sintaksisverligmaker </h2 >
<p >Hallo wêreld! </p >
<a href ="https://www.w3schools.com" >Terug skool toe </a >
</body >
</html >
Hoe om 'n sintaks-verligter te skep
Stap 1) Voeg HTML by:
Voorbeeld
'n <div> wat HTML-kode bevat:
<div id="myDiv">
<!DOCTYPE html><br>
<html><br>
<body><br>
<br>
<h1>Testing an HTML Syntax Highlighter</h2><br>
<p>Hello
world!</p><br>
<a href="https://www.w3schools.com">Back to
School</a><br>
<br>
</body><br>
</html>
</div>
Stap 2) Voeg JavaScript by:
Voorbeeld
Skep 'n funksie genaamd "w3CodeColor" en noem dit, met die DIV-element as 'n parameter:
w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
// click "Try it Yourself" to see the JavaScript...
}