ชื่อของโพสต์บล็อกเด่นอีกต่อไป

ตัวอย่างบล็อกโพสต์

1 มกราคม 2564 โดยMark

โพสต์บล็อกนี้แสดงเนื้อหาประเภทต่างๆ สองสามประเภทที่ได้รับการสนับสนุนและจัดรูปแบบด้วย Bootstrap การพิมพ์พื้นฐาน รายการ ตาราง รูปภาพ รหัส และอื่นๆ ทั้งหมดได้รับการสนับสนุนตามที่คาดไว้

นี่คือเนื้อหาตัวยึดย่อหน้าเพิ่มเติมบางส่วน มีการเขียนขึ้นเพื่อเติมพื้นที่ว่างและแสดงให้เห็นว่าตัวอย่างข้อความที่ยาวขึ้นส่งผลต่อเนื้อหาโดยรอบอย่างไร เราจะทำซ้ำบ่อยๆ เพื่อให้การสาธิตเป็นไปอย่างต่อเนื่อง ดังนั้นให้มองหาสตริงข้อความเดียวกันนี้

Blockquotes

นี่คือตัวอย่างการใช้ blockquote:

ข้อความที่ยกมาอยู่ที่นี่

นี่คือเนื้อหาตัวยึดย่อหน้าเพิ่มเติมบางส่วน มีการเขียนขึ้นเพื่อเติมพื้นที่ว่างและแสดงให้เห็นว่าตัวอย่างข้อความที่ยาวขึ้นส่งผลต่อเนื้อหาโดยรอบอย่างไร เราจะทำซ้ำบ่อยๆ เพื่อให้การสาธิตเป็นไปอย่างต่อเนื่อง ดังนั้นให้มองหาสตริงข้อความเดียวกันนี้

รายการตัวอย่าง

นี่คือเนื้อหาตัวยึดย่อหน้าเพิ่มเติมบางส่วน เป็นเวอร์ชันที่สั้นกว่าเล็กน้อยของข้อความเนื้อหาอื่นๆ ที่ซ้ำซากจำเจที่ใช้ตลอด นี่คือตัวอย่างรายการที่ไม่เรียงลำดับ:

• รายการแรก
• รายการที่สองที่มีคำอธิบายยาวขึ้น
• รายการที่สามที่จะปิดมันออก

และนี่คือรายการสั่งซื้อ:

1. รายการแรก
2. รายการที่สองที่มีคำอธิบายยาวขึ้น
3. รายการที่สามที่จะปิดมันออก

และนี่คือรายการคำจำกัดความ:

ภาษามาร์กอัป HyperText (HTML)

ภาษาที่ใช้อธิบายและกำหนดเนื้อหาของหน้าเว็บ

Cascading สไตล์ชีต (CSS)

ใช้เพื่ออธิบายลักษณะที่ปรากฏของเนื้อหาเว็บ

จาวาสคริปต์ (JS)

ภาษาโปรแกรมที่ใช้สร้างเว็บไซต์และแอพพลิเคชั่นขั้นสูง

องค์ประกอบ HTML แบบอินไลน์

HTML กำหนดรายการแท็กแบบอินไลน์ที่มีขนาดยาว ซึ่งสามารถดูรายการทั้งหมดได้ในMozilla Developer Network

• หากต้องการตัวหนา<strong>ให้ใช้
• <em>เมื่อต้องการทำให้ข้อความ เป็นตัวเอียงให้ใช้
• ตัวย่อ เช่นHTMLควรใช้<abbr>พร้อมtitleแอตทริบิวต์ตัวเลือกสำหรับวลีเต็ม
• การอ้างอิง เช่น— Mark Ottoควรใช้<cite>.
• ถูกลบข้อความควรใช้<del>และแทรกข้อความควรใช้<ins>.
• การ ใช้^{ข้อความตัว}ยก<sup>และการใช้_{ข้อความตัว}<sub>ห้อย

องค์ประกอบเหล่านี้ส่วนใหญ่กำหนดสไตล์โดยเบราว์เซอร์โดยมีการดัดแปลงเล็กน้อยในส่วนของเรา

หัวเรื่อง

นี่คือเนื้อหาตัวยึดย่อหน้าเพิ่มเติมบางส่วน มีการเขียนขึ้นเพื่อเติมพื้นที่ว่างและแสดงให้เห็นว่าตัวอย่างข้อความที่ยาวขึ้นส่งผลต่อเนื้อหาโดยรอบอย่างไร เราจะทำซ้ำบ่อยๆ เพื่อให้การสาธิตเป็นไปอย่างต่อเนื่อง ดังนั้นให้มองหาสตริงข้อความเดียวกันนี้

หัวข้อย่อย

นี่คือเนื้อหาตัวยึดย่อหน้าเพิ่มเติมบางส่วน มีการเขียนขึ้นเพื่อเติมพื้นที่ว่างและแสดงให้เห็นว่าตัวอย่างข้อความที่ยาวขึ้นส่งผลต่อเนื้อหาโดยรอบอย่างไร เราจะทำซ้ำบ่อยๆ เพื่อให้การสาธิตเป็นไปอย่างต่อเนื่อง ดังนั้นให้มองหาสตริงข้อความเดียวกันนี้

Example code block

นี่คือเนื้อหาตัวยึดย่อหน้าเพิ่มเติมบางส่วน เป็นเวอร์ชันที่สั้นกว่าเล็กน้อยของข้อความเนื้อหาอื่นๆ ที่ซ้ำซากจำเจที่ใช้ตลอด

อีกบล็อกหนึ่ง

23 ธันวาคม 2020 โดยJacob

นี่คือเนื้อหาตัวยึดย่อหน้าเพิ่มเติมบางส่วน มีการเขียนขึ้นเพื่อเติมพื้นที่ว่างและแสดงให้เห็นว่าตัวอย่างข้อความที่ยาวขึ้นส่งผลต่อเนื้อหาโดยรอบอย่างไร เราจะทำซ้ำบ่อยๆ เพื่อให้การสาธิตเป็นไปอย่างต่อเนื่อง ดังนั้นให้มองหาสตริงข้อความเดียวกันนี้

คำพูดที่ยาวกว่านี้อาจมีข้อความเน้นอยู่ตรงกลาง

นี่คือเนื้อหาตัวยึดย่อหน้าเพิ่มเติมบางส่วน มีการเขียนขึ้นเพื่อเติมพื้นที่ว่างและแสดงให้เห็นว่าตัวอย่างข้อความที่ยาวขึ้นส่งผลต่อเนื้อหาโดยรอบอย่างไร เราจะทำซ้ำบ่อยๆ เพื่อให้การสาธิตเป็นไปอย่างต่อเนื่อง ดังนั้นให้มองหาสตริงข้อความเดียวกันนี้

ตารางตัวอย่าง

และอย่าลืมตารางในโพสต์เหล่านี้:

นี่คือเนื้อหาตัวยึดย่อหน้าเพิ่มเติมบางส่วน เป็นเวอร์ชันที่สั้นกว่าเล็กน้อยของข้อความเนื้อหาอื่นๆ ที่ซ้ำซากจำเจที่ใช้ตลอด

ลูกเล่นใหม่

14 ธันวาคม 2020 โดยChris

นี่คือเนื้อหาตัวยึดย่อหน้าเพิ่มเติมบางส่วน มีการเขียนขึ้นเพื่อเติมพื้นที่ว่างและแสดงให้เห็นว่าตัวอย่างข้อความที่ยาวขึ้นส่งผลต่อเนื้อหาโดยรอบอย่างไร เราจะทำซ้ำบ่อยๆ เพื่อให้การสาธิตเป็นไปอย่างต่อเนื่อง ดังนั้นให้มองหาสตริงข้อความเดียวกันนี้

• รายการแรก
• รายการที่สองที่มีคำอธิบายยาวขึ้น
• รายการที่สามที่จะปิดมันออก

นี่คือเนื้อหาตัวยึดย่อหน้าเพิ่มเติมบางส่วน เป็นเวอร์ชันที่สั้นกว่าเล็กน้อยของข้อความเนื้อหาอื่นๆ ที่ซ้ำซากจำเจที่ใช้ตลอด