องค์ประกอบ

สารบัญ

นี่คือตัวอย่างของส่วนหัว คุณสามารถใช้หัวข้อนี้ตามกฎ Markdown ต่อไปนี้ ตัวอย่างเช่น: ใช้ # สำหรับหัวข้อ 1 และใช้ ###### สำหรับหัวข้อ 6

หัวเรื่อง 1

หัวเรื่อง 2

หัวเรื่องที่ 3

หัวเรื่องที่ 4

หัวเรื่องที่ 5
หัวเรื่องที่ 6

เน้น

การเน้น หรือที่เรียกว่าตัวเอียง โดยมี เครื่องหมายดอกจัน หรือ ขีดล่าง

เน้นหนัก หรือตัวหนา โดยมี เครื่องหมายดอกจัน หรือ ขีดล่าง

การเน้นรวมกับ เครื่องหมายดอกจันและ ขีดล่าง

การตีผ่านใช้เครื่องหมายตัวหนอนสองตัว เกาสิ่งนี้.


ปุ่ม

Button

ลิงค์

ฉันเป็นลิงก์แบบอินไลน์

ฉันเป็นลิงก์แบบอินไลน์ที่มีชื่อ

[ฉันเป็นลิงค์สไตล์อ้างอิง] [Arbitrary case-insensitive reference text]

ฉันเป็นผู้อ้างอิงที่เกี่ยวข้องกับหน้าข้อกำหนดของเรา

คุณสามารถใช้ตัวเลขสำหรับคำจำกัดความลิงก์แบบอ้างอิงได้

หรือปล่อยว่างไว้แล้วใช้ ข้อความลิงก์

URL และ URL ในวงเล็บเหลี่ยมจะเปลี่ยนเป็นลิงก์โดยอัตโนมัติ http://www.example.com หรือ http://www.example.com และบางครั้ง example.com (แต่ไม่ใช่บน Github เป็นต้น)

ข้อความบางส่วนที่แสดงว่าลิงก์อ้างอิงสามารถติดตามได้ในภายหลัง


ย่อหน้า

นี่คือย่อหน้าตัวอย่างสำหรับตรวจสอบระยะห่าง ความยาวบรรทัด และการแสดงผลเนื้อหา ช่วยยืนยันว่าตัวอักษร สี ลิงก์ และจังหวะการอ่านยังสม่ำเสมอเมื่อหน้าแสดงองค์ประกอบหลายประเภท


รายการสั่งซื้อ

  1. รายการ
  2. รายการ
  3. รายการ
  4. รายการ
  5. รายการ

รายการไม่เรียงลำดับ

  • รายการ

สังเกต

Note

นี่เป็นบันทึกง่ายๆ

Tip

นี่เป็นเคล็ดลับง่ายๆ

Info

นี่เป็นข้อมูลง่ายๆ

Warning

นี่เป็นคำเตือนง่ายๆ


แท็บ

  • Tab 1
  • Tab 2
  • Tab 3

สวัสดี ฉันคือแท็บ

นี่คือเนื้อหาตัวอย่างในแท็บแรก ใช้แสดงว่าย่อหน้าสั้นๆ แสดงผลภายในองค์ประกอบแท็บอย่างไร

ฉันอยากจะพูดเกี่ยวกับความพยายามลอบสังหาร

นี่คือเนื้อหาตัวอย่างในแท็บที่สอง ใช้ตรวจสอบระยะห่างระหว่างหัวข้อแท็บกับเนื้อหา

เรารู้ว่าคุณกำลังจัดการกับแร่ที่ถูกขโมยไป

นี่คือเนื้อหาตัวอย่างในแท็บที่สาม ใช้ตรวจสอบว่าองค์ประกอบรองรับย่อหน้าที่ยาวขึ้นได้อย่างไร

ย่อหน้าเพิ่มเติมนี้คงโครงสร้างเนื้อหาให้ใกล้เคียงต้นฉบับเพื่อทดสอบข้อความหลายบล็อกในแท็บเดียวกัน


หีบเพลง

  • เนื้อหาตัวอย่างสำหรับรายการ accordion
  • บรรทัดตัวอย่างเพิ่มเติมสำหรับส่วนที่ขยาย

  • เนื้อหาตัวอย่างสำหรับรายการ accordion
  • บรรทัดตัวอย่างเพิ่มเติมสำหรับส่วนที่ขยาย

  • เนื้อหาตัวอย่างสำหรับรายการ accordion
  • บรรทัดตัวอย่างเพิ่มเติมสำหรับส่วนที่ขยาย


การเน้นโค้ดและไวยากรณ์

นี่คือตัวอย่าง Inline code

var s = "JavaScript syntax highlighting";
alert(s);
s = "Python syntax highlighting"
print s
1#include <stdio.h>
2
3int main(void)
4{
5    printf("hello, world\n");
6    return 0;
7}
    flowchart TD
	    A[Start] --> B{Is it?}
	    B -- Yes --> C[OK]
	    C --> D[Rethink]
	    D --> B
	    B -- No ----> E[End]

บล็อคโควต

คุณมาที่นี่เพื่อทำอะไรเป็นพิเศษหรือแค่ทุบตี Riker ทั่วไปหรือเปล่า? และด้วยความเร็ววาร์ปสูงสุด คุณก็ปรากฏตัวขึ้นในทันทีและอยู่ในสองแห่งพร้อมกัน


ตาราง

ตารางคือเจ๋ง
สี 3 คือจัดชิดขวา$1600
สี 2 คือกึ่งกลาง$12
ลายม้าลายเรียบร้อย$1

ภาพ

alter-text

แกลลอรี่


สไลเดอร์


วิดีโอยูทูป


วิดีโอที่กำหนดเอง