如何 - 创建语法荧光笔

了解如何创建和使用语法荧光笔。

语法荧光笔

添加一些颜色后，代码片段会更容易阅读：

<!DOCTYPE html>
<html>
<正文>

<h1>测试 HTML 语法荧光笔</h2>
<p>世界你好！</p>
<a href="https://www.91xjr.com">返回学校</a>

</正文>
</html>

如何创建语法荧光笔

步骤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.91xjr.com">Back to School</a><br>
<br>
</body><br>
</html>
</div>

步骤 2) 添加 JavaScript：

示例

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

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

function w3CodeColor(elmnt) {
// click "亲自试一试" to see the JavaScript...
}

亲自试一试 »