如何创建:语法高亮器

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

语法高亮器

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

<!DOCTYPE html> <html> <body> <h1>Testing an HTML Syntax Highlighter</h2> <p>Hello world!</p> <a href=\ </body> </html>

如何创建语法高亮器

第一步 - 添加 HTML:

包含 HTML 代码的 <div>:

<div id=\
<!DOCTYPE html><br>
<html><br>
<body><br>
<br>
<h1>Testing an HTML Syntax Highlighter</h2><br>
<p>Hello world!</p><br>
<a href=\
<br>
</body><br>
</html>
</div>

第二步 - 添加 JavaScript:

创建一个名为 \

w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
  // click \
}

亲自试一试