เนื้อหา

• วิธีที่ 2 จาก 3: CSS
• วิธีที่ 3 จาก 3: ข้อความที่จัดรูปแบบไว้ล่วงหน้า
• เคล็ดลับ
• คำเตือน

1 เปิดเอกสาร HTML ซึ่งสามารถทำได้ในโปรแกรมแก้ไขข้อความทั่วไป เช่น Notepad หรือ TextEdit บน Windows คุณยังสามารถใช้โปรแกรมแก้ไขไฟล์ HTML เช่น Adobe Dreamweaver ในการเปิดเอกสาร HTML:

• นำทางไปยังเอกสาร HTML ใน Explorer (Windows) หรือ Finder (macOS)
• คลิกขวาที่เอกสาร HTML ที่ต้องการ
• วางเมาส์เหนือเปิดด้วย
• เลือกโปรแกรมที่คุณต้องการแก้ไขเอกสาร

2 คลิกที่ ช่องว่างเพื่อเพิ่มพื้นที่ปกติ วางเคอร์เซอร์ในตำแหน่งที่คุณต้องการแทรกช่องว่าง จากนั้นกดปุ่ม "Space" ใน HTML ช่องว่างระหว่างคำจะปรากฏเพียงช่องเดียวเท่านั้น แม้ว่าคุณจะกดที่ช่องว่างหลายครั้งก็ตาม

3 เข้า เพื่อเพิ่มพื้นที่พิเศษ เรียกว่า non-break space เพราะไม่อนุญาตให้ขึ้นบรรทัดใหม่

• ตัวอย่างเช่น หากคุณป้อน สวัสดีทุกคนระหว่างคำว่า "สวัสดี" และ "ทุกคน!" จะมีการแทรกพื้นที่เพิ่มเติม
• โปรดทราบว่าการเว้นวรรคมากเกินไปจะทำให้เบราว์เซอร์ไม่สามารถขึ้นบรรทัดใหม่ได้ในตำแหน่งที่ถูกต้อง ทำให้อ่านข้อความได้ยาก
• คุณยังสามารถป้อน  เพื่อแทรกช่องว่าง

4 แทรกช่องว่างที่มีความยาวต่างกัน หากคุณต้องการแทรกช่องว่างที่ยาวขึ้น ให้ใช้ตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้:

• สองช่องว่าง - เข้าสู่  
• สี่ช่องว่าง - เข้าสู่  
• เยื้อง (ระยะห่างแท็บ) - เข้าสู่

วิธีที่ 2 จาก 3: CSS

1. 1 เปิดเอกสาร HTML หรือ CSS คุณสามารถแทรกโค้ด CSS ลงในส่วนหัวของเอกสาร HTML หรือบันทึกเป็นไฟล์ CSS ภายนอกได้
   • ส่วนหัวของเอกสาร HTML อยู่ที่ด้านบนของไฟล์ ระหว่างแท็ก "head>" และ "/ head>"
2. 2 สร้างส่วนการจัดรูปแบบสำหรับ CSS ส่วนสไตล์จะอยู่ที่จุดเริ่มต้นของโค้ด HTML หรือในสไตล์ชีตแยกต่างหากใช้แท็กต่อไปนี้เพื่อสร้างส่วนสไตล์ในเอกสาร HTML หรือสไตล์ชีต
   • เข้า สไตล์>เพื่อเปิดส่วนสไตล์ โค้ด CSS ทั้งหมดจะอยู่หลังแท็กนี้
   • เข้า / style>เพื่อปิดส่วนสไตล์ ต้องวาง CSS ทั้งหมดไว้หน้าแท็กปิดท้ายนี้
3. 3 ป้อนแท็กต่อไปนี้ในส่วนสไตล์:p {เยื้องข้อความ: 5em;} สิ่งนี้บอกให้เบราว์เซอร์เยื้อง 5 ช่องว่าง (ใน HTML ที่ถูกต้อง)
   • หากต้องการกำหนดจำนวนช่องว่าง ให้เปลี่ยนตัวเลขหลัง "เยื้องข้อความ:"
   • องค์ประกอบ "em" จะจับคู่หนึ่งช่องว่างกับขนาดแบบอักษรที่ระบุ สามารถใช้หน่วยอื่นได้ เช่น เปอร์เซ็นต์ ("เยื้องข้อความ: 15%;") หรือมิลลิเมตร ("เยื้องข้อความ: 3 มม.")
4. 4 เข้า p> ที่คุณต้องการเพิ่มการเยื้อง ทำสิ่งนี้ในเอกสาร HTML ที่คุณต้องการเยื้อง ข้อความจะถูกเยื้องตามข้อกำหนด CSS

วิธีที่ 3 จาก 3: ข้อความที่จัดรูปแบบไว้ล่วงหน้า

1. 1 เปิดเอกสาร HTML ซึ่งสามารถทำได้ในโปรแกรมแก้ไขข้อความทั่วไป เช่น Notepad หรือ TextEdit บน Windows คุณยังสามารถใช้โปรแกรมแก้ไขไฟล์ HTML เช่น Adobe Dreamweaver ในการเปิดเอกสาร HTML:
   • นำทางไปยังเอกสาร HTML ใน Explorer (Windows) หรือ Finder (macOS)
   • คลิกขวาที่เอกสาร HTML ที่ต้องการ
   • วางเมาส์เหนือเปิดด้วย
   • เลือกโปรแกรมที่คุณต้องการแก้ไขเอกสาร
2. 2 เข้า ก่อน> ก่อนข้อความที่คุณต้องการจัดรูปแบบล่วงหน้า นี่คือแท็กเปิดสำหรับข้อความที่จัดรูปแบบไว้ล่วงหน้า
3. 3 ป้อนข้อความตามที่ต้องการหลังแท็ก "pre>" เมื่อจัดรูปแบบข้อความล่วงหน้า ช่องว่างและตัวแบ่งบรรทัดที่สร้างโดยการกด Enter จะแสดงบนหน้า HTML
4. 4 เข้า / ก่อน> ที่ส่วนท้ายของข้อความ นี่คือแท็กปิดสำหรับข้อความที่จัดรูปแบบไว้ล่วงหน้า

เคล็ดลับ

• หากเบราว์เซอร์แสดงช่องว่างเป็นอักขระที่เข้าใจยาก เป็นไปได้มากว่าเนื่องมาจากข้อมูลเพิ่มเติม โดยจะถูกจัดเก็บในรูปแบบการประมวลผลคำและไม่แสดงบนหน้าจอ เพื่อหลีกเลี่ยงปัญหานี้ ให้ทำงานในโปรแกรมแก้ไขข้อความทั่วไป เช่น Notepad หรือ TextEdit
• CSS เป็นวิธีที่มีประสิทธิภาพและคาดการณ์ได้ดีกว่ามากในการสร้างเลย์เอาต์ของหน้าเว็บ รวมถึงการเว้นวรรคคำ
• พื้นที่ที่ไม่แตกหักเป็นตัวอย่างของเอนทิตีของตัวละคร เป็นรหัสที่อ้างถึงอักขระที่ไม่สามารถป้อนจากแป้นพิมพ์ได้

คำเตือน

• สัญลักษณ์ HTML สำหรับ แทป ↹ (แท็บ) ไม่ได้ผลอย่างที่หลายคนคิด ไม่มีแท็บหยุดในไฟล์ HTML ปกติ ดังนั้นการป้อนอักขระนี้จะไม่ทำอะไรเลย
• ป้อน HTML ในโปรแกรมแก้ไขโค้ดหรือไฟล์ข้อความธรรมดา แทนที่จะเป็นโปรแกรมแก้ไขข้อความที่มีประสิทธิภาพ