كيفية إنشاء: مظاهر النص الاصطناعي

تعلم كيفية إنشاء واستخدام مظاهر النص الاصطناعي.

مظاهر النص الاصطناعي

عندما تضيف بعض الألوان إلى قطع الكود، سيكون من السهل قراءتها:

<!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"));
function w3CodeColor(elmnt) {
  // انقر "تجربة بنفسك" لرؤية JavaScript...
}



}