Cách tạo: Công cụ tô sáng ngữ pháp

Học cách tạo và sử dụng công cụ tô sáng ngữ pháp.

Công cụ tô sáng ngữ pháp

Khi bạn thêm một số màu sắc vào đoạn mã, chúng sẽ dễ đọc hơn:

<!DOCTYPE html> <html> <body> <h1>Thử nghiệm một công cụ tô sáng ngữ pháp HTML</h2> <p>Hello world!</p> <a href="https://www.codew3c.com">Quay lại Trường Học</a> </body> </html>

Cách tạo một công cụ tô sáng ngữ pháp

Bước 1 - Thêm HTML:

Đмещa mã HTML trong <div> này:

<div id="myDiv">
<!DOCTYPE html><br>
<html><br>
<body><br>
<br>
<h1>Thử nghiệm một công cụ tô sáng ngữ pháp HTML</h2><br>
<p>Hello world!</p><br>
<a href="https://www.codew3c.com">Quay lại Trường Học</a><br>
<br>
</body><br>
</html>
</div>

Bước 2 - Thêm JavaScript:

Tạo một hàm có tên là "w3CodeColor" và sử dụng phần tử DIV làm tham số để gọi nó:

w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
  // nhấn "Thử tự mình" để xem JavaScript...
}

Thử ngay