รหัส W3.CSS
แสดงตัวอย่าง
คลาสw3-panelใช้เพื่อแสดงตัวอย่างในคอนเทนเนอร์สีเทา:
ตัวอย่าง
- Jill
- อีฟ
- อดัม
แสดงรหัส
คลาสw3-codeใช้เพื่อแสดงโค้ดในฟอนต์ mono-spaced ที่อ่านได้
ตัวอย่าง
ผลไม้[0] = "กล้วย";
ผลไม้[1] = "แอปเปิ้ล";
ผลไม้[2] = "มะม่วง";
ผลไม้[3] = "พลัม";
เน้นรหัสอินไลน์
คลาสw3-codespanใช้เพื่อเน้นโค้ดแบบอินไลน์:
องค์ประกอบhtmlกำหนดหน้า HTML
ตัวอย่าง
The
<code class="w3-codespan">html</code> element defines an HTML page.
รหัสระบายสี
W3Schools มีไลบรารี JavaScript สำหรับรหัสสี
ตัวอย่าง
ผลไม้[0] = "กล้วย";
ผลไม้[1] = "แอปเปิ้ล";
ผลไม้[2] = "มะม่วง";
ผลไม้[3] = "พลัม";
คุณสามารถดาวน์โหลดไลบรารี่ได้จากที่นี่: https://www.w3schools.com/lib/w3codecolor.js
หากคุณใช้ไลบรารี w3codecolor.js คุณสามารถใช้คลาสโค้ดที่อธิบายไว้ด้านล่าง:
เน้นรหัส JavaScript
คลาสjsHighใช้เพื่อเน้นโค้ด JavaScript:
ตัวอย่าง
<div class="w3-code jsHigh">
.. JavaScript code here
</div>
เน้นโค้ด HTML
htmlHigh classใช้เพื่อเน้นโค้ด HTML:
ตัวอย่าง
<div class="w3-code htmlHigh">
.. HTML code goes here
</div>
เน้นโค้ด CSS
คลาสcssHighใช้เพื่อเน้นโค้ด CSS:
ตัวอย่าง
<div class="w3-code cssHigh">
.. CSS code here
</div>