วิธีลดระยะห่างระหว่างบรรทัดใน HTML

...

คุณสามารถลดระยะห่างระหว่างบรรทัดภายในไฟล์ HTML ของหน้าเว็บได้โดยตรง

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

ขั้นตอนที่ 1

ระบุส่วนของเอกสาร HTML ที่สอดคล้องกับส่วนของหน้าเว็บที่คุณต้องการลดระยะห่างระหว่างบรรทัด

วีดีโอประจำวันนี้

ขั้นตอนที่ 2

แนบส่วนของเอกสารนั้นใน "

" แท็ก เอ "
แท็ก " หรือที่เรียกว่าแท็กแบ่ง ทำเครื่องหมายส่วนของ HTML ที่คุณต้องการใช้รูปแบบเฉพาะ แทรก "

" ที่จุดเริ่มต้นของส่วนและ "

" ที่ส่วนท้ายของส่วน

ขั้นตอนที่ 3

แทรก "style=" ภายในตัวแรก "

" แท็กดังนี้
. โอเปอเรเตอร์ "style" ส่งสัญญาณให้เบราว์เซอร์แสดงผลหน้าเว็บว่าควรจัดรูปแบบส่วน ของหน้าที่อยู่ในแท็กแบ่งในลักษณะเฉพาะที่แตกต่างจากส่วนที่เหลือของเว็บ หน้าหนังสือ.

ขั้นตอนที่ 4

วางข้อความ "line-height:" ภายในเครื่องหมายคำพูดหลังตัวดำเนินการรูปแบบดังนี้:

. อย่าลืมใส่โคลอนหลังข้อความ แอตทริบิวต์ "line-height" ส่งสัญญาณให้เบราว์เซอร์ทราบว่าควรแก้ไขระยะห่างระหว่างบรรทัดสำหรับส่วนของหน้าเว็บที่อยู่ในแท็กแบ่ง

ขั้นตอนที่ 5

แทรกตัวเลขตามด้วยเครื่องหมายเปอร์เซ็นต์หลังโคลอนตามแอตทริบิวต์ "line-height" ดังนี้

. ตัวเลขที่คุณใส่คือระยะห่างบรรทัดที่คุณต้องการ โดยแสดงเป็นเปอร์เซ็นต์ของระยะห่างบรรทัดปัจจุบันของหน้า ตัวอย่างเช่น หากคุณแทรก 50 ระยะห่างระหว่างบรรทัดจะเป็นครึ่งหนึ่งของระยะห่างปัจจุบัน ในขณะที่คุณแทรก 200 ระยะห่างจะเพิ่มระยะห่างปัจจุบันเป็นสองเท่า แทรกตัวเลขใดๆ ที่น้อยกว่า 100 เพื่อลดระยะห่างระหว่างบรรทัดในส่วนที่ล้อมรอบด้วยแท็กแบ่ง

ขั้นตอนที่ 6

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

หมวดหมู่

ล่าสุด

วิธีรีเซ็ตจอภาพสี Dell

วิธีรีเซ็ตจอภาพสี Dell

จอภาพสี Dell มาพร้อมกับคุณสมบัติในตัวที่ให้คุณร...

วิธีแก้ไขโวลุ่มของฉันบนแล็ปท็อปของฉัน

วิธีแก้ไขโวลุ่มของฉันบนแล็ปท็อปของฉัน

เครดิตรูปภาพ: Jochen Sand / รูปภาพ Photodisc / ...