Cách THỰC HIỆN - Tạo Công cụ Đánh dấu Cú pháp
Tìm hiểu cách tạo và sử dụng Công cụ đánh dấu cú pháp.
Công cụ đánh dấu cú pháp
Các đoạn mã dễ đọc hơn khi bạn thêm một số màu:
<!DOCTYPE html>
<html>
<body>
<h1>Testing an HTML Syntax Highlighter</h2>
<p>Hello world!</p>
<a href="https://www.w3schools.com">Back to School</a>
</body>
</html>
<html>
<body>
<h1>Testing an HTML Syntax Highlighter</h2>
<p>Hello world!</p>
<a href="https://www.w3schools.com">Back to School</a>
</body>
</html>
<! DOCTYPE html >
<html >
<body >
<h1 > Kiểm tra Công cụ đánh dấu cú pháp HTML </ h2 >
<p > Hello world! </ p >
<a href ="https://www.w3schools.com"> Back to School </ a >
</ body >
</ html >
<html >
<body >
<h1 > Kiểm tra Công cụ đánh dấu cú pháp HTML </ h2 >
<p > Hello world! </ p >
<a href ="https://www.w3schools.com"> Back to School </ a >
</ body >
</ html >
Cách tạo Công cụ đánh dấu cú pháp
Bước 1) Thêm HTML:
Thí dụ
Một <div> chứa mã HTML:
<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.w3schools.com">Back to
School</a><br>
<br>
</body><br>
</html>
</div>
Bước 2) Thêm JavaScript:
Thí dụ
Tạo một hàm có tên "w3CodeColor" và gọi nó, sử dụng phần tử DIV làm tham số:
w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
// click "Try it Yourself" to see the JavaScript...
}