לתגית זו שימושים רבים אך (בין השאר) אף היא משמשת להגדרת פסקאות.
באופן די מופשט, תגית <DIV> חסרת צורה, כך שלמעשה היא פשוט מעיין מסגרת בלתי נראית סביב הטקסט שנמצא בתוכה. התגית יוצרת מעין בלוק (box) מסביב לטקסט המוכל בתוכה, ומפרידה אותו משאר הטקסט. יודגש עוד כי תגית <DIV> יוצרת שכבה (layer) נפרדת וניתן להגדיר לה מיקום (קבוע או יחסי) בעמוד המוצג.
תגית <DIV> היא מאד שימושית. עקב היותה בלתי נראית, אפשר ליצור איתה אפקטים רבים לטקסט מבלי להתאמץ.
לדוגמא:
<div style="position: absolute; left: 100px; top: 100px; height: 100px;
width:100px; background-color: blue">טקסט לדוגמא</div>
הקוד הזה ייצור ריבוע בעל רקע כחול, בגודל 100 על 100 שממוקם 100 פיקסלים מהגבול השמאלי ו-100 מהעליון.
המאפיינים שתגית <div> יכולה לקבל הם:
1. align אחראי על מיקום התוכן ביחס לדף. הוא מקבל אחד משלושת הערכים left, center, right.
2. dir אחראי על כיווניות התוכן, מקבל אחד משני ערכים: rtl (מימין לשמאל), או ltr (משמאל לימין).
3. lang מקבל ערך המגדיר לדפדפן באיזו שפה מדובר. he (במקרה של עברית), או en (במקרה של אנגלית).
4. title מקבל ערך המוצג במעבר העכבר מעל התוכן.
5. class המאפיין הזה נועד לשימוש בדף הגדרות עיצוב חיצוני (CSS), לכן כרגע לא נרחיב עליו את הדיבור.
6. style גם הוא מאפיין שנועד לשימוש ב-css ולכן גם עליו לא נרחיב כעת.
7. id קובע את השם של האובייקט.
בנוסף ניתן לתת לתגית <div> מאפיינים של קופסא ג'נרית (כמו אורך ורוחב Margin ו- Padding עליהם יורחב בהמשך).
רשומות
אין תגובות:
הוסף רשומת תגובה
שים לב: רק חברים בבלוג הזה יכולים לפרסם תגובה.