המיקום של פריטים בדף אינטרנט הוא הכרחי העיצוב הכולל שלה. אמנם יש דרכים אחרות להשפיע על הפריסה, כגון כדי להשתמש בטבלאות (אשר אנו לא ממליצים), הטוב ביותר הוא להשתמש ב- CSS.
להלן, נסקור כיצד להשתמש בסגנון פשוט בסגנון CSS בסגנון ליישר תמונות, טבלאות, פסקאות, ועוד.
הערה: שיטות אלה ניתן להשתמש גם על גיליונות סגנון חיצוני מדי, אבל מאז אלה חלים על פריטים בודדים כנראה צריך להישאר ככה, עדיף להשתמש בסגנון בסגנון כמו מה שהוזכר להלן.
יישור טקסט פסקה
תג סעיף הוא המקום הראשון להתחיל בהנחת את דף האינטרנט שלך. תגי הפתיחה והסגירה נראים כך:
יישור ברירת המחדל של טקסט בפסקה הוא בצד שמאל של הדף, אך ניתן גם ליישר את הפסקאות מימין ומשמאל.
שימוש במאפיין float מאפשר לך ליישר פסקאות מימין או משמאל אלמנט ההורה. כל אלמנטים אחרים בתוך האלמנט ההורה יזרמו סביב האלמנט הצף.
כדי להשיג את האפקט הטוב ביותר עם פסקה, מומלץ להגדיר רוחב בפסקה הקטורה מהרכיב של הגורם המכיל (האב).
ישר את הטקסט בתוך פסקאות
ניתן לטעון, היישור המעניין ביותר עבור טקסט פסקה הוא "להצדיק", אשר אומר לדפדפן להציג את הטקסט מיושר, בעצם, הן בצד ימין והן בצד שמאל של החלון.
כדי להצדיק את הטקסט בפסקה, תשתמש במאפיין יישור הטקסט.
ניתן גם ליישר את כל הטקסט בתוך פסקה לצד ימין או שמאל (ברירת המחדל), באמצעות המאפיין ליישר טקסט.
המאפיין יישור טקסט יהיה ליישר את הטקסט בתוך האלמנט. מבחינה טכנית, זה לא אמור ליישר תמונות הכלולות בתוך פסקה או אלמנט אחר, אבל רוב הדפדפנים מתייחסים תמונות כמו מוטבע עבור נכס זה.
יישור תמונות
באמצעות המאפיין לצוף על תג תמונה אתה יכול להגדיר את המיקום של תמונות בדף ואיך הטקסט יהיה לעטוף סביבם.
בדיוק כמו בפסקאות לעיל, המאפיין בסגנון ציפה בתג התמונה ימקם את התמונה שלך בדף ואומר לדפדפן כיצד לזרום טקסט ואלמנטים אחרים מסביב לתמונה.
טקסט שמתחת לתג התמונה שלעיל יזרם סביב התמונה מימין כאשר התמונה מוצגת משמאל למסך.
אם אני רוצה שהטקסט יפסיק לעטוף את התמונה, אני משתמש בנכס הברור:
יישור יותר מסעיפים
עם זאת, מה אם אתה רוצה ליישר יותר מאשר רק פסקה או תמונה? אתה יכול פשוט לשים נכס בסגנון בכל פיסקה, אבל יש תג אתה יכול להשתמש בו הוא יעיל יותר:
כל שעליך לעשות הוא להקיף את הטקסט ותמונות (כולל תגי HTML) עם התג ואת המאפיין סגנונות (לצוף או ליישר טקסט) והכל בחלוקה כי יהיה מיושר איך אתה רוצה את זה.
זכור שיכורים שנוספו לפסקאות או לתמונות בתוך הדיביזיה יכובדו, ויבטלו את התג.
