ตัวอย่างบล็อกโพสต์
โพสต์บล็อกนี้แสดงเนื้อหาประเภทต่างๆ สองสามประเภทที่ได้รับการสนับสนุนและจัดรูปแบบด้วย Bootstrap การพิมพ์พื้นฐาน รายการ ตาราง รูปภาพ รหัส และอื่นๆ ทั้งหมดได้รับการสนับสนุนตามที่คาดไว้
นี่คือเนื้อหาตัวยึดย่อหน้าเพิ่มเติมบางส่วน มีการเขียนขึ้นเพื่อเติมพื้นที่ว่างและแสดงให้เห็นว่าตัวอย่างข้อความที่ยาวขึ้นส่งผลต่อเนื้อหาโดยรอบอย่างไร เราจะทำซ้ำบ่อยๆ เพื่อให้การสาธิตเป็นไปอย่างต่อเนื่อง ดังนั้นให้มองหาสตริงข้อความเดียวกันนี้
Blockquotes
นี่คือตัวอย่างการใช้ blockquote:
ข้อความที่ยกมาอยู่ที่นี่
นี่คือเนื้อหาตัวยึดย่อหน้าเพิ่มเติมบางส่วน มีการเขียนขึ้นเพื่อเติมพื้นที่ว่างและแสดงให้เห็นว่าตัวอย่างข้อความที่ยาวขึ้นส่งผลต่อเนื้อหาโดยรอบอย่างไร เราจะทำซ้ำบ่อยๆ เพื่อให้การสาธิตเป็นไปอย่างต่อเนื่อง ดังนั้นให้มองหาสตริงข้อความเดียวกันนี้
รายการตัวอย่าง
นี่คือเนื้อหาตัวยึดย่อหน้าเพิ่มเติมบางส่วน เป็นเวอร์ชันที่สั้นกว่าเล็กน้อยของข้อความเนื้อหาอื่นๆ ที่ซ้ำซากจำเจที่ใช้ตลอด นี่คือตัวอย่างรายการที่ไม่เรียงลำดับ:
- รายการแรก
- รายการที่สองที่มีคำอธิบายยาวขึ้น
- รายการที่สามที่จะปิดมันออก
และนี่คือรายการสั่งซื้อ:
- รายการแรก
- รายการที่สองที่มีคำอธิบายยาวขึ้น
- รายการที่สามที่จะปิดมันออก
และนี่คือรายการคำจำกัดความ:
- ภาษามาร์กอัป 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นี่คือเนื้อหาตัวยึดย่อหน้าเพิ่มเติมบางส่วน เป็นเวอร์ชันที่สั้นกว่าเล็กน้อยของข้อความเนื้อหาอื่นๆ ที่ซ้ำซากจำเจที่ใช้ตลอด