چگونه ایجاد شود: برجسته‌نمای زبان برنامه‌نویسی

آموزش ایجاد و استفاده از برجسته‌نمای زبان برنامه‌نویسی.

برجسته‌نمای زبان برنامه‌نویسی

وقتی به بخش‌های کد رنگ اضافه می‌کنید، خوانایی آن‌ها افزایش می‌یابد:

<!DOCTYPE html> <html> <body> <h1>Testing an HTML Syntax Highlighter</h2> <p>Hello world!</p> <a href="https://www.codew3c.com">Back to School</a> </body> </html>









چگونه یک برجسته‌نمای زبان برنامه‌نویسی ایجاد کنیم


مرحله اول - اضافه کردن HTML:


<div> شامل کد 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.codew3c.com">Back to School</a><br>
<br>
</body><br>
</html>
</div>



مرحله دوم - اضافه کردن JavaScript:


یک تابع به نام "w3CodeColor" ایجاد کنید و از عنصر DIV به عنوان پارامتر آن استفاده کنید تا آن را فراخوانی کنید:


w3CodeColor(document.getElementById("myDiv"));
تابع w3CodeColor(elmnt) را ایجاد کنید:
  // کلک "مختبر خود را امتحان کنید" را کلیک کنید تا JavaScript را ببینید...
}



تست کنید