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
Đoạn mã sẽ dễ đọc hơn khi bạn thêm một số màu sắc:
<html>
<cơ thể>
<h1>Thử nghiệm Công cụ đánh dấu cú pháp HTML</h2>
<p>Xin chào thế giới!</p>
<a href="https://www.example.com.vn">Trở lại trường học</a>
</body>
</html>
Cách tạo công cụ đánh dấu cú pháp
Bước 1) Thêm HTML:
Ví 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.example.com.vn">Back to
School</a><br>
<br>
</body><br>
</html>
</div>
Bước 2) Thêm JavaScript:
Ví dụ
Tạo một hàm có tên là "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...
}
Hãy tự mình thử »