操作指南 - 建立語法高亮顯示器
瞭解如何建立和使用語法高亮顯示器。
語法高亮顯示器
新增顏色後，程式碼片段更易於閱讀
<!DOCTYPE html>
<html>
<body>
<h1>測試 HTML 語法高亮顯示器</h2>
<p>你好世界！</p>
<a href="https://w3schools.tw">返回學校</a>
</body>
</html>
<html>
<body>
<h1>測試 HTML 語法高亮顯示器</h2>
<p>你好世界！</p>
<a href="https://w3schools.tw">返回學校</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.tw">返回學校</a><br>
<br>
</body><br>
</html>
</div>
步驟 2) 新增 JavaScript
示例
建立一個名為“w3CodeColor”的函式並呼叫它，將 DIV 元素作為引數
w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
// 點選“自己嘗試”檢視 JavaScript 程式碼...
}
自己動手試一試 »
