לרוב, כדי לציין את גודל הכניסות בעמודי HTML, נעשה שימוש ביכולות של שפת CSS (Cascading Style Sheets). למרות שבשפת ה- HTML עצמה ישנם כמה שרידים "ראשוניים", המאפשרים במקרים מסוימים להגדיר כניסה. להלן האפשרויות המשמשות בתדירות הגבוהה ביותר, אך מלבדן עדיין קיימים הרבה מאוד סוגים שונים של טריקים המאפשרים לך להגדיר כניסות לסימון HTML לא סטנדרטי.
זה הכרחי
ידע בסיסי בשפות HTML ו- CSS
הוראות
שלב 1
קבעו את אלמנט העמוד ממנו ניתן להכניס. לדוגמה, אם הטקסט ממוקם בתוך התג … (בלוק), אז בלוק זה יהיה האלמנט האב לטקסט זה ויש לספור את הכניסה מגבולות הבלוק. ואם הטקסט (או התמונה) אינם נמצאים באף רכיב חסום (div, li וכו ') או מוטבע (טווח, p וכו'), האב שלו יהיה גוף המסמך (תג גוף). הגדרת אלמנט אב לטקסט היא הכרחית מכיוון שהוא צריך להגדיר את תיאורי הסגנונות היוצרים את הכניסה. נניח שהטקסט שלך ממוקם בתוך גוש div: טקסט לדוגמא
שלב 2
השתמש במאפיין שוליים בשפת CSS כדי להגדיר שוליים, כלומר המרחק מגבולות האלמנט לאלמנטים סמוכים, כמו גם לגבולות האלמנט האב. ניתן להגדיר מרחק זה בנפרד לריפוד בכל צד: שוליים-עליון - למעלה, שוליים-ימניים - מימין, שוליים-תחתון - בתחתית, שוליים-שמאל - משמאל. לדוגמא שלמעלה, קוד css זה עשוי להיראות כך: div {
שוליים למעלה: 10 פיקסלים;
שוליים מימין: 15 פיקסלים;
שוליים תחתונים: 40 פיקסלים;
שוליים-שמאל: 70 פיקסלים;
} כאן "div" הוא בורר המציין כי יש להחיל סגנון זה על כל ה- div בקוד המסמך. התחביר של CSS מאפשר לך לשלב את כל ארבע השורות לאחת: div {
שוליים: 10 פיקסלים 15 פיקסלים 40 פיקסלים 70 פיקסלים;
} יש לציין את ערכי הכניסה תמיד בסדר זה: תחילה - בחלק העליון, ואז - בצד ימין, תחתון ושמאל. אם הכניסות זהות מכל הצדדים, מספיק לציין את הערך פעם אחת: div {
שוליים: 70 פיקסלים;
} בנוסף, תוכלו להגדיר שוליים אופקיים צפים (כלומר שמאלה וימינה). זה יכול להיות שימושי מאוד כאשר אתה צריך להגדיר בלוק ברוחב נתון בדיוק במרכז חלון הדפדפן. הדפדפן עצמו קובע באופן אוטומטי כמה כניסה צריכה להיות משני הצדדים, אם אתה כותב את הצהרת CSS הבאה: div {
שוליים: 0 אוטומטי;
}
שלב 3
השתמש במאפיין הריפוד כדי להגדיר ריפוד, שהוא המרחק מגבול האלמנט לכל האלמנטים המוצבים בתוכו, כולל טקסט. התחביר של מאפיין זה זהה לזה של מאפיין השוליים: div {
ריפוד עליון: 10 פיקסלים;
ריפוד מימין: 15 פיקסלים;
ריפוד תחתון: 40 פיקסלים;
ריפוד-שמאל: 70 פיקסלים;
} או div {
ריפוד: 10 פיקסלים 15 פיקסלים 40 פיקסלים 70 פיקסלים;
}
שלב 4
השתמש במאפיין הכנסת טקסט כדי להגדיר את הכניסה הנוספת לשורה הראשונה של כל פסקת טקסט. לדוגמא: div {
כניסה לטקסט: 80 פיקסלים;
}
שלב 5
השתמש בתכונות hspace ו- vspace של תג img HTML כדי להגדיר את הכניסה האופקית והאנכית מהתמונה לאלמנטים החיצוניים, בהתאמה. לדוגמה, כך:
שלב 6
השתמש בתכונת הריפוד הסלולרי של תג הטבלה אם עליך להגדיר את הכניסה מגבולות התאים בטבלה לתוכן שלהם. והתכונה 'מרווח תאים' מגדירה את המרווח בין תאי הטבלה. לדוגמה:
| 1 | 2 |
