कैसे करें - एक सिंटैक्स हाइलाइटर बनाएं
सिंटैक्स हाइलाइटर बनाने और उपयोग करने का तरीका जानें।
सिंटैक्स हाइलाइटर
जब आप कुछ रंग जोड़ते हैं तो कोड स्निपेट पढ़ने में आसान होते हैं:
<!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 >
<body >
<h1 >HTML सिंटैक्स हाइलाइटर का परीक्षण करना </h2 >
<p >नमस्ते दुनिया! </p >
<a href ="https://www.w3schools.com" > वापस स्कूल </a> < /body > </html >
<html >
<body >
<h1 >HTML सिंटैक्स हाइलाइटर का परीक्षण करना </h2 >
<p >नमस्ते दुनिया! </p >
<a href ="https://www.w3schools.com" > वापस स्कूल </a> < /body > </html >
सिंटैक्स हाइलाइटर कैसे बनाएं
चरण 1) HTML जोड़ें:
उदाहरण
एक <div> जिसमें HTML कोड है:
<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) जावास्क्रिप्ट जोड़ें:
उदाहरण
"w3CodeColor" नामक एक फ़ंक्शन बनाएं और पैरामीटर के रूप में DIV तत्व का उपयोग करके इसे कॉल करें:
w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
// click "Try it Yourself" to see the JavaScript...
}