如何创建:语法高亮器

学习如何创建和使用语法高亮器。

语法高亮器

当你为代码片段添加一些颜色时,它们会更容易阅读:

<!DOCTYPE html> <html> <body> <h1>Testing an HTML Syntax Highlighter</h2> <p>Hello world!</p> <a href="https://www.w3school.com.cn">Back to School</a> </body> </html>


如何创建语法高亮器

第一步 - 添加 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.w3school.com.cn">Back to School</a><br>
<br>
</body><br>
</html>
</div>

第二步 - 添加 JavaScript:

创建一个名为 "w3CodeColor" 的函数,并使用 DIV 元素作为参数来调用它:

w3CodeColor(document.getElementById("myDiv"));

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

亲自试一试