操作指南 - 创建语法高亮显示器
了解如何创建和使用语法高亮显示器。
语法高亮显示器
添加颜色后,代码片段更易于阅读
<!DOCTYPE html>
<html>
<body>
<h1>测试 HTML 语法高亮显示器</h2>
<p>你好世界!</p>
<a href="https://w3schools.org.cn">返回学校</a>
</body>
</html>
<html>
<body>
<h1>测试 HTML 语法高亮显示器</h2>
<p>你好世界!</p>
<a href="https://w3schools.org.cn">返回学校</a>
</body>
</html>
如何创建语法高亮显示器
步骤 1) 添加 HTML
示例
一个包含 HTML 代码的 <div> 元素
<div id="myDiv">
<!DOCTYPE html><br>
<html><br>
<body><br>
<br>
<h1>测试 HTML 语法高亮显示器</h2><br>
<p>你好世界!</p><br>
<a href="https://w3schools.org.cn">返回学校</a><br>
<br>
</body><br>
</html>
</div>
步骤 2) 添加 JavaScript
示例
创建一个名为“w3CodeColor”的函数并调用它,将 DIV 元素作为参数
w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
// 点击“自己尝试”查看 JavaScript 代码...
}
自己动手试一试 »