လုပ်နည်း - Syntax Highlighter ဖန်တီးပါ။
Syntax Highlighter ကို ဖန်တီးပြီး အသုံးပြုနည်းကို လေ့လာပါ။
Syntax Highlighter
အရောင်အချို့ထည့်သည့်အခါ ကုဒ်အတိုအထွာများသည် ဖတ်ရပိုမိုလွယ်ကူသည်-
<!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 Syntax Highlighter ကို စမ်းသပ်ခြင်း </h2 >
<p >မင်္ဂလာပါ ကမ္ဘာ။ </p >
<a href ="https://www.w3schools.com"> ကျောင်းသို့ ပြန်သွားရန် </a >
</body >
</html >
<html >
<body >
<h1 >HTML Syntax Highlighter ကို စမ်းသပ်ခြင်း </h2 >
<p >မင်္ဂလာပါ ကမ္ဘာ။ </p >
<a href ="https://www.w3schools.com"> ကျောင်းသို့ ပြန်သွားရန် </a >
</body >
</html >
Syntax Highlighter ဖန်တီးနည်း
အဆင့် 1) HTML ကိုထည့်ပါ
ဥပမာ
HTML ကုဒ် ပါဝင်သော <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) JavaScript ကိုထည့်ပါ
ဥပမာ
"w3CodeColor" ဟုခေါ်သော လုပ်ဆောင်ချက်တစ်ခုကို ဖန်တီးပြီး DIV ဒြပ်စင်ကို ကန့်သတ်ဘောင်တစ်ခုအဖြစ် အသုံးပြု၍ ၎င်းကိုခေါ်ဆိုပါ။
w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
// click "Try it Yourself" to see the JavaScript...
}