วิธีแสดงกล่องข้อความโค้ด ( code textbox) ใน blogger
วิธีแสดง code ในหน้าเว็บ
หากเราต้องการแสดง code ลงในเว็บไซต์ ต้องใส่แท็ก <pre> และ <code>
แท็ก <code> ใช้ระบุว่าเป็น code โดยปกติ จะรวมแท็กนี้ไว้ในแท็ก <pre> เพื่อบอก Browser และ Google ว่า code ในแท็กนี้เป็น code ที่ต้องการแสดง ไม่ใช่ให้แสดงผล
รูปแบบ
การแสดงอักขระต้องห้ามใน code
อักขระ < > ใน code อาจไม่แสดงแม้จะอยู่ในแท็กด้านบน เนื่องจากเป็นอักขระตัองห้ามของ HTMLในกรณีนี้ให้แปลง HTML tags เป็น HTML entities
โดยแทนที่ < ด้วย < และ > ด้วย >
ตัวอย่าง
code ที่อยากแสดง
code ที่เขียนเพื่อแสดง code
การแสดง Code อยู่ในกล่องหรือเฟรม
กรณีต้องการแสดง Code อยู่ในกล่องหรือเฟรม สามารถเพิ่ม css จัดรูปแบบได้
ตัวอย่าง
ใส่กล่อง code ลงใน blogger
ใช้โค้ด แบบที่ 1
ใช้ code แบบที่ 2
ถ้ามีวิธีที่น่าสนใจ เราจะนำมาเสนอเพิ่มเติมต่อไป
หากสนใจการใช้ code ในการทำเว็บของท่าน ต้องการศึกษาเพิ่มเติม สามารถติดต่อครูน้อย โทร/ไลน์ 0843620912 เว็บไซต์ https://www.cnxservice.app/