HOW TO - 创建语法高亮器
学习如何创建和使用语法高亮器。
语法高亮器
当您添加一些颜色时,代码片段更容易阅读
<!DOCTYPE html>
<html>
<body>
<h1>测试 HTML 语法高亮器</h2>
<p>Hello world!</p>
<a href="https://w3schools.org.cn">回到学校</a>
</body>
</html>
<html>
<body>
<h1>测试 HTML 语法高亮器</h2>
<p>Hello world!</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...
}
尝试一下 »