เพิ่มช่องว่างใน HTML

ผู้เขียน: Christy White
วันที่สร้าง: 10 พฤษภาคม 2021
วันที่อัปเดต: 1 กรกฎาคม 2024
Anonim
พื้นฐานการวางโครงสร้าง HTML ที่ทุกคนต้องรู้ เรื่องสำคัญที่ต้องฝึกฝนสำหรับการพัฒนาเว็บไซต์ 👨‍💻💯
วิดีโอ: พื้นฐานการวางโครงสร้าง HTML ที่ทุกคนต้องรู้ เรื่องสำคัญที่ต้องฝึกฝนสำหรับการพัฒนาเว็บไซต์ 👨‍💻💯

เนื้อหา

บทความวิกิฮาวนี้จะแนะนำวิธีการเว้นวรรคและกฎยัติภังค์ใน HTML การวางช่องว่างสองช่องใน html จะทำให้เกิดช่องว่างบนหน้าเท่านั้นดังนั้นคุณต้องใช้แท็ก HTML เพื่อวางช่องว่างหลายช่อง

ที่จะก้าว

วิธีที่ 1 จาก 3: ด้วย html

  1. เปิดเอกสาร HTML คุณสามารถแก้ไขเอกสาร HTML ด้วยโปรแกรมแก้ไขข้อความเช่น NotePad หรือ TextEdit สำหรับ Windows คุณยังสามารถใช้โปรแกรมแก้ไข HTML เช่น Adobe Dreamweaver ใช้ขั้นตอนต่อไปนี้เพื่อเปิดเอกสาร HTML
    • ไปที่เอกสาร HTML ใน Explorer บน Windows หรือ Finder บน Mac
    • คลิกขวาที่เอกสาร HTML ที่คุณต้องการแก้ไข
    • วางตัวชี้เมาส์ไว้ เปิดด้วย.
    • คลิกโปรแกรมที่คุณต้องการแก้ไขเอกสาร
  2. กด สเปซบาร์ เพื่อเพิ่มช่องว่างปกติ หากต้องการเพิ่มช่องว่างปกติให้คลิกตำแหน่งที่คุณต้องการเพิ่มช่องว่างแล้วกดแป้นเว้นวรรค โดยปกติ HTML จะแสดงช่องว่างระหว่างคำเพียงครั้งเดียวไม่ว่าคุณจะกดแป้นเว้นวรรคกี่ครั้งก็ตาม
  3. เปิดเอกสาร HTML หรือ CSS สามารถใช้ CSS ในส่วนหัวของเอกสาร HTML หรือจะเขียนเป็นเอกสาร CSS ภายนอกก็ได้
    • ส่วนหัวของเอกสาร HTML อยู่ที่ด้านบนสุดของไฟล์ อยู่ระหว่างแท็ก head> และ / head>
  4. เปิดเอกสาร HTML คุณสามารถแก้ไขเอกสาร HTML ด้วยโปรแกรมแก้ไขข้อความเช่น NotePad หรือ TextEdit บน Windows คุณยังสามารถใช้โปรแกรมแก้ไข HTML เช่น Adobe Dreamweaver ใช้ขั้นตอนต่อไปนี้เพื่อเปิดเอกสาร HTML
    • ไปที่เอกสาร HTML ใน File Explorer บน Windows หรือ Finder บน Mac
    • คลิกขวาที่เอกสาร HTML ที่คุณต้องการแก้ไข
    • วางตัวชี้เมาส์ไว้ เปิดด้วย.
    • คลิกโปรแกรมที่คุณต้องการแก้ไขเอกสาร
  5. ประเภท / pre> หลังข้อความ การดำเนินการนี้จะปิดส่วนข้อความที่จัดรูปแบบไว้ล่วงหน้า

เคล็ดลับ

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

คำเตือน

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