วิธีการเยื้อง Html

สารบัญ:

วิธีการเยื้อง Html
วิธีการเยื้อง Html

วีดีโอ: วิธีการเยื้อง Html

วีดีโอ: วิธีการเยื้อง Html
วีดีโอ: สร้างเว็บเพจ HTML (1/4) 2024, อาจ
Anonim

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

วิธีการเยื้อง html
วิธีการเยื้อง html

คำแนะนำ

ขั้นตอนที่ 1

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

รวมตัวเลือกการเยื้องข้อความ:

ข้อความย่อหน้า

รหัสนี้สร้างย่อหน้าที่เยื้อง 15 พิกเซลจากด้านซ้ายของหน้าจอ

ขั้นตอนที่ 2

คุณสามารถปรับช่องว่างภายในได้ด้วยการสร้างตารางและนำพารามิเตอร์การเว้นช่องเซลล์และระยะห่างเซลล์ไปใช้ แอตทริบิวต์แรกกำหนดระยะห่างจากเนื้อหาไปยังเส้นขอบของเซลล์ และการเว้นระยะเซลล์จะช่วยปรับระยะห่างระหว่างเซลล์ หากต้องการปิดการแสดงเส้นขอบตาราง ให้ใช้พารามิเตอร์ border เท่ากับศูนย์:

เนื้อหาเซลล์

รหัสนี้จะสร้างตารางที่มีความสูงและความกว้าง 100 พิกเซลและระยะห่าง 5 พิกเซลจากขอบของเซลล์ ด้วยการทดลองกับตัวเลือกเหล่านี้ คุณสามารถบรรลุการจัดตำแหน่งที่เหมาะสมที่สุดสำหรับย่อหน้าที่ต้องการ

ขั้นตอนที่ 3

ตัวอธิบายซึ่งสร้างบล็อกที่มีพารามิเตอร์บางอย่างจะช่วยในการกำหนดระยะห่างที่จำเป็นระหว่างองค์ประกอบ สามารถใช้เพื่อเพิ่มการเยื้องระหว่างย่อหน้า:

ขั้นตอนที่ 4

คุณยังสามารถใช้รูปภาพโปร่งใสใดก็ได้เพื่อเยื้อง โดยเฉพาะในรูปแบบ gif หรือ.png

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

แนะนำ: