如何创建:语法高亮器
学习如何创建和使用语法高亮器。
语法高亮器
当你为代码片段添加一些颜色时,它们会更容易阅读:
<!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... }