Jak tworzyć: syntax highlighter

Naucz się, jak tworzyć i używać syntax highlighter.

Syntax highlighter

Kiedy dodajesz kolory do fragmentów kodu, stają się one łatwiejsze do odczytania:

<!DOCTYPE html> <html> <body> <h1>Testowanie HTML Syntax Highlighter</h2> <p>Hello world!</p> <a href="https://www.codew3c.com">Wróć do Szkoły</a> </body> </html>









Jak utworzyć syntax highlighter


Krok 1 - Dodaj HTML:


Div zawierający kod HTML:


<div id="myDiv">
<!DOCTYPE html><br>
<html><br>
<body><br>
<br>
<h1>Testowanie HTML Syntax Highlighter</h2><br>
<p>Hello world!</p><br>
<a href="https://www.codew3c.com">Wróć do Szkoły</a><br>
<br>
</body><br>
</html>
</div>



Krok 2 - Dodaj JavaScript:


Utwórz funkcję "w3CodeColor" i użyj elementu DIV jako parametru do jej wywołania:


w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
  // kliknij "Spróbuj sam" aby zobaczyć JavaScript...
}