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