วิธีการ - สร้างตัวเน้นไวยากรณ์
เรียนรู้วิธีสร้างและใช้ตัวเน้นไวยากรณ์
ปากกาเน้นข้อความ
ข้อมูลโค้ดจะอ่านได้ง่ายขึ้นเมื่อคุณเพิ่มสี:
<!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) เพิ่ม JavaScript:
ตัวอย่าง
สร้างฟังก์ชันที่เรียกว่า "w3CodeColor" และเรียกใช้โดยใช้องค์ประกอบ DIV เป็นพารามิเตอร์:
w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
// click "Try it Yourself" to see the JavaScript...
}