సృష్టించడం: సింటాక్స్ హైలైటర్
సింటాక్స్ హైలైటర్ సృష్టించడం మరియు ఉపయోగించడం నేర్చుకోండి.
సింటాక్స్ హైలైటర్
కోడ్ స్పష్టంగా రంగులు చేసినప్పుడు వాటిని చదవడం సులభం అవుతుంది:
<!DOCTYPE html>
<html>
<body>
<h1>హ్ట్మ్ల్ సింటాక్స్ హైలైటర్ పరీక్షించండి</h2>
<p>Hello world!</p>
<a href="https://www.codew3c.com">బ్యాక్ టు స్కూల్</a>
</body>
</html>
సింటాక్స్ హైలైటర్ సృష్టించడం ఎలా?
మొదటి చర్య - హ్ట్మ్ల్ జోడించండి:
హ్ట్మ్ల్ కోడ్ కలిగిన <div>:
<div id="myDiv"> <!DOCTYPE html><br> <html><br> <body><br> <br> <h1>హ్ట్మ్ల్ సింటాక్స్ హైలైటర్ పరీక్షించండి</h2><br> <p>Hello world!</p><br> <a href="https://www.codew3c.com">బ్యాక్ టు స్కూల్</a><br> <br> </body><br> </html> </div>
రెండవ చర్య - జావాస్క్రిప్ట్ జోడించండి:
ఒక "w3CodeColor" పేరుతో ఫంక్షన్ సృష్టించండి మరియు డివ్ ఎలమెంట్ వద్ద దానిని ఉపయోగించండి:
w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
// క్లిక్ "నుంచి మీరు ప్రయత్నించండి" అనే జావాస్క్రిప్ట్ చూడండి...
}
