วิธีแทรกช่องว่างใน HTML

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

ใช้อักขระ nbsp สำหรับช่องว่างที่ไม่แตกหัก

HTML ไม่เหมือนกับเอกสาร MS Word ที่ไม่รู้จักช่องว่างพิเศษที่พิมพ์ด้วยแป้นเว้นวรรค คุณต้องใช้ภาษาและสัญลักษณ์ของ HTML แทนเพื่อให้ได้ผลลัพธ์ที่คุณต้องการ หากต้องการแทรกช่องว่างที่ไม่ทำลายใน HTML ของคุณ ให้พิมพ์ ' ' หลังตำแหน่งที่คุณต้องการเว้นวรรคเพิ่มเติม จากนั้นจะรับรู้ว่าเป็นช่องว่างที่คุณต้องการในตำแหน่งนั้นของเอกสารของคุณ โปรดทราบว่าคุณไม่ควรใช้เทคนิคนี้มากเกินไปหลายครั้งติดต่อกัน เนื่องจากอาจทำให้เบราว์เซอร์สับสนได้

Virusowy / Getty Images

แทรกหลายช่องว่างด้วยเทคนิคนี้

หากคุณต้องการแทรกช่องว่างหลังคำมากกว่าหนึ่งคำ คุณสามารถใช้ '&ensp' สำหรับการเว้นวรรคสองช่อง สำหรับสี่ช่องว่าง พิมพ์ '&emsp.' คุณสามารถใช้การเลือกแท็บ จากนั้นกดอักขระ ' ' สี่ครั้งติดต่อกันเพื่อแทรกช่องว่างให้ยาวขึ้นหลังคำ กลยุทธ์ใดๆ เหล่านี้จะใช้เพื่อเพิ่มพื้นที่ว่างหลังจากคำที่เลือกในเอกสาร HTML ของคุณ

ภาพ scanrail / Getty

เยื้องย่อหน้าโดยใช้สไตล์ชีตแบบเรียงซ้อน

สไตล์ชีตแบบเรียงซ้อน (CSS) เป็นโปรโตคอลแบบ HTML ที่ให้คุณแทรก HTML แบบเป็นทางการน้อยลง เมื่อใช้วิธีการ CSS คุณไม่จำเป็นต้องใช้ HTML แบบยาว ซึ่งช่วยประหยัดเวลา รูปแบบของ CSS แตกต่างจาก HTML มาตรฐาน แต่มี HTML อยู่ภายใน คุณสามารถใช้รูปแบบ CSS เพื่อเยื้อง ดังนั้นจึงสร้างช่องว่างที่คุณต้องการภายใน HTML ของคุณ หนึ่งบรรทัดที่คุณสามารถใช้เพื่อแทรกนี่คือ p เยื้อง {padding-left: 1.8 em} จำไว้ว่าโค้ดนี้ต้องอยู่ระหว่างแท็กภายใน HTML ของคุณ

โทบี้ แมคไกวร์ สไปเดอร์แมน

รูปภาพ NicoElNino / Getty

ใช้แท็กนี้เพื่อสร้างตัวแบ่งบรรทัด

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

ภาพ Abscent84 / Getty

ใช้แท็กอักขระนี้เพื่อกำหนดย่อหน้าใหม่

บางครั้งจำเป็นต้องสร้างย่อหน้าใหม่ภายในเอกสาร HTML ของคุณ เช่นเดียวกับการขึ้นบรรทัดใหม่ การทำเช่นนี้จะช่วยสร้างส่วนใหม่ของข้อความของคุณและช่วยทำให้งานของคุณสะอาดขึ้น ทำให้อ่านง่ายและนำทางได้ง่ายขึ้น

หากคุณต้องการสร้างย่อหน้าใหม่ ให้พิมพ์

อักขระ ณ จุดที่คุณต้องการวางเยื้อง สิ่งนี้ควรทำหน้าที่ช่วยรูปลักษณ์ของเอกสารในขณะที่คุณกำลังสร้างเนื้อหาของคุณ

รูปภาพ exdez / Getty

ใช้ตัวเลือกข้อความที่จัดรูปแบบไว้ล่วงหน้าเพื่ออ่านช่องว่าง

หากคุณต้องการอ่านช่องว่างที่คุณสร้างโดยใช้คีย์ Enter คุณสามารถทำได้โดยแทรกแท็ก HTML อย่างง่ายก่อนและหลังพื้นที่ข้อความที่จัดรูปแบบไว้ล่วงหน้า เพียงพิมพ์คำที่คุณต้องการจัดรูปแบบระหว่างแท็กดังนี้: |_+_| เมื่อคุณทำเช่นนี้ ช่องว่างใดๆ ที่คุณใส่ด้วยปุ่ม 'Enter' จะแสดงขึ้นโดยใช้เทคนิคนี้

รูปภาพ welcomia / Getty

ตรวจสอบอีกครั้งเพื่อหลีกเลี่ยง 'HTML ที่เลอะเทอะ'

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

รูปภาพ mrPliskin / Getty

จัดแนวข้อความของคุณบนหน้าเว็บ

องค์ประกอบพื้นฐานของ HTML มีความสำคัญเมื่อสร้างหน้าโดยใช้ภาษาการเข้ารหัส HTML องค์ประกอบพื้นฐานที่สุดอย่างหนึ่งคือการจัดแนวหน้าด้วยระยะขอบและรูปแบบที่ถูกต้อง คุณสามารถใช้ฟังก์ชัน 'จัดชิดซ้าย' 'จัดกึ่งกลาง' หรือ 'จัดชิดขวา' หากคุณอยู่ในโปรแกรมแก้ไขกราฟิก หากไม่ คุณจะต้องรวมแท็กต่อไปนี้เพื่อจัดแนวข้อความของคุณโดยใช้การเข้ารหัส HTML:

จัดชิดซ้าย

รูปภาพ Savushkin / Getty

ดูตัวอย่าง HTML ของคุณก่อนเผยแพร่

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

รูปภาพ SolStock / Getty

เรียนรู้ HTML5

เคล็ดลับอีกประการหนึ่งที่เราจะบอกกับคุณก็คือ คุณควรใส่ไว้ในรายการของคุณเพื่อเรียนรู้ HTML5 ประกอบด้วยองค์ประกอบต่างๆ ของภาษา HTML มาตรฐาน ตลอดจนแง่มุมที่ทันสมัยกว่าของการเขียนโปรแกรมที่ใช้ในการพัฒนาแอปและแอปพลิเคชันอื่นๆ หากคุณเรียนรู้ HTML5 คุณจะมีเทคนิคเพิ่มเติมในคลังแสงของคุณเพื่อใช้ในการเขียนโค้ดสำหรับเว็บไซต์ บล็อก หรือแอปพลิเคชันและโปรแกรมออนไลน์อื่นๆ

รูปภาพ reif / Getty