HTML הוא עמוד השדרה של האינטרנט.
שלוט ברווח האנכי בין שורות הטקסט בתוך פסקה בדף האינטרנט שלך כדי לחדד את המצגת החזותית שלך. אם אתה צריך קצת שטח נוסף מלא בטקסט, או צריך לסחוט מעט טקסט נוסף לתוך שטח מסוים, אתה יכול להשתמש בתגי HTML ו-CSS כדי לשנות את מרווח השורות כך שיתאים. עם כמה שורות קוד אתה יכול להתאים את גובה המרווח בין השורות, או "גובה השורות" בדף האינטרנט שלך.
HTML קפדני
כדי ליצור מרווח שורות שנראה נכון, או שעוזר לגרום לקטע טקסט להתאים בצורה מושלמת לאזור הטקסט באתר, השתמש ב-HTML קפדני. השתמש בתג "גופן" כדי ליצור קוד כך:
סרטון היום
ה-"150%" הוא החלק שמגדיל את המרווח בין שורות הטקסט. החלף ערכים אחרים כדי להגדיל או להקטין את המרווח.
Span Tag
השתמש בתגי span כדי להחיל את שינוי גובה השורה על טקסט שהוזן בין הפתיחה לסגירה של התג. הקידוד נראה דומה:
הטקסט נכנס לכאן...
השתמש במספר פיקסלים כדי להגדיר את גודל הגופן במקום הגדלים היחסיים גדולים, בינוניים או קטנים. שימוש במדידות מדויקות לגודל גופן נותן לך שליטה טובה יותר בטקסט ומאפשר למרווח השורות לעבוד טוב יותר.
חלופות CSS
ניתן להגדיר מרווח בין שורות גם באמצעות גיליון סגנונות מדורג (CSS). ה-CSS שולט בכל אלמנט שתחליט להחיל אותו, בין אם זה מזהה span שאתה מגדיר עבור קטע טקסט בודד בדף או מחלקה שלמה של פריטים בשימוש נפוץ. לדוגמה, אם אתה עובד עם אתר בלוג, תוכל ליצור מחלקה לערכים בבלוג ולהגדיר את גובה השורה של גיליון הסגנונות עבור הכיתה ב-135%. לכל ערך בבלוג יהיה אותו גובה שורה. הקוד להגדרת "גובה קו" ב-CSS הוא:
{line-height: 150%;}
WYSIWYG בקרת מרווח שורות
ניתן לעקוף רבות מבעיות הקידוד הללו על ידי שימוש בעורך אינטרנט של WYSIWYG או על ידי יצירת אתרים עם תוכנות מקוונות כגון וורדפרס וג'ומלה, או כלים חינמיים ליצירת אתרים כמו Weebly, Wix ו פרי הירח. כל הכלים הללו מספקים עורכי טקסט שלוקחים את הניחוש וגירוד הראש. לחיצה פשוטה על כפתור עכבר ומרווח השורות גדל בדיוק כפי שהיה אם היית כותב מסמך במעבד התמלילים המועדף עליך.
רוב עורכי האינטרנט, לא משנה כמה WYSIWYG הממשק שלהם, הרבה יותר קל לשימוש אם אתה יודע איך לקוד, גם אם אתה מוצא שאתה קוד הרבה פחות ממה שהיית עושה בעבר.
