สัพเพเหระ ตามใจเจ้าของบล็อก (โปรดใช้วิจารณญาณในการรับชม 555)

ตัวอย่างโค้ด ตัวอย่างที่ได้ (2ภาพสีเหลืองด้านล่างของภาพ) ภาพจากเว็บ  เรียนพิมพ์สัมผัสกับครูน้อย, UP SKILL TOUCH TYPING, FREE ONLINE LEARNING.  https://upskilltouchtyping.blogspot.com/ 

  < img  src =" url "  alt =" alternatetext " > กรณีอ้างอิงจากในโฟลเดอร์เดียวกัน <img src="touchtype1text.jpg" alt="UpSkill by Kru Noi" width="80%" height="auto"> กรณีอ้างอิงจากที่อยู่เว็บไซต์ < img  src =" url "  alt =" alternatetext " >

สำหรับตัวอย่างโค้ดใช้ Tag <xmp> </xmp> สำหรับตัวอย่างผลลัพธ์จากโค้ดใช้ Tag <precode> </precode> อาจเพิ่ม style เพื่อให้เป็นกรอบของส่วน Tag นั้น ตัวอย่าง <precode  style="background-color: #eee;   border: 1px solid #999;   display: block;   padding: 20px;"> 

โค้ด บทที่ 1 จับเวลา 1 นาที จับเวลา 5 นาที บทที่ 2 จับเวลา 1 นาที จับเวลา 5 นาที บทที่ 3 จับเวลา 1 นาที จับเวลา 5 นาที บทที่ 4 จับเวลา 1 นาที จับเวลา 5 นาที บทที่ 5 จับเวลา 1 นาที จับเวลา 5 นาที ตัวอย่างหน้าเว็บจากโค้ด บทที่ 1 จับเวลา 1 นาที จับเวลา 5 นาที บทที่ 2 จับเวลา 1 นาที จับเวลา 5 นาที บทที่ 3 จับเวลา 1 นาที จับเวลา 5 นาที บทที่ 4 จับเวลา 1 นาที จับเวลา 5 นาที บทที่ 5 จับเวลา 1 นาที จับเวลา 5 นาที