كيف - إنشاء تمييز بناء الجملة
تعرف على كيفية إنشاء واستخدام Syntax Highlighter.
تمييز بناء الجملة
يسهل قراءة مقتطفات التعليمات البرمجية عند إضافة بعض الألوان:
<!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 > اختبار HTML Syntax Highlighter </ h2 >
<p > أهلاً بالعالم! </ p >
<a href ="https://www.w3schools.com"> العودة إلى المدرسة </ a >
</ body >
</ html >
<html >
<body >
<h1 > اختبار HTML Syntax Highlighter </ h2 >
<p > أهلاً بالعالم! </ p >
<a href ="https://www.w3schools.com"> العودة إلى المدرسة </ a >
</ body >
</ html >
كيفية إنشاء تمييز بناء الجملة
الخطوة 1) أضف 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.w3schools.com">Back to
School</a><br>
<br>
</body><br>
</html>
</div>
الخطوة 2) أضف JavaScript:
مثال
قم بإنشاء دالة تسمى "w3CodeColor" وقم بتسميتها ، باستخدام عنصر DIV كمعامل:
w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
// click "Try it Yourself" to see the JavaScript...
}