Sintaksisni ranglash (syntax highlighter)

Sintaksisni ranglash vositasini (syntax highlighter) yaratish va undan foydalanishni o‘rganing.

Sintaksisni ranglash vositasi (syntax highlighter)

Kod parchalariga biroz rang qo‘shsangiz, ularni o‘qish osonlashadi:

<!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>

Sintaksisni ranglash vositasi qanday yaratiladi

1-qadam) HTML qo‘shing:

Misol

HTML kodini o‘z ichiga olgan <div>:

<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>

2-qadam) JavaScript qo‘shing:

Misol

"w3CodeColor" nomli funksiya yarating va DIV elementini parametr sifatida berib, uni chaqiring:

w3CodeColor(document.getElementById("myDiv")); function w3CodeColor(elmnt) { // click "Try it Yourself" to see the JavaScript... }

O‘zingiz sinab ko‘ring »

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish