|
עמוד:38
לצורך חלוקה לוגית של הדף למקטעים נשתמש בתג הפותח < div > ( קיצור של ( division ובתג הסוגר . div > החלוקה הלוגית של דף למקטעים מאפשרת להגדיר עיצוב מסוים לכל מקטע . לדוגמה , נכתוב דף HTML שהרקע שלו ורוד והוא מכיל שני מקטעים . למקטע הראשון יש רקע צהוב וצבע גופו כחול ולמקטע השני יש רקע כחול וצבע גופן אדום . להלן גוף דף HTML הכולל תגי מעבר שורות ותגי חלוקה למקטעים : h 1 > < body style = "text-align : right ; background-color : Fuchsia" > ברוכים הבאים -- > < h 1 > מקטע ראשון font-family : sans-serif" > < div style = "color : blue ; background-color : yellow ; דף הבית שלי < br /> h 3 > אני לומד -- > div > < br />< br /> < h 3 > HTML מקטע שני < br /> < p > < div style = "color : red ; background-color : Aqua" > תוכן פסקה שנייה body > div > p > 2 . 2 . 4 שילוב תמונות במסמך קובץ HTML הוא קובץ טקסט , ולכן נשאלת השאלה כיצד מסמך Web יכול להכיל תמונות ? התשובה היא שתמונות אינן מופיעות ישירות בתוך קובץ , HTML אלא מאוחסנות בקובץ אחר ומשובצות במסמך באמצעות התג המיידי < img /> המגדיר אלמנט מסוג תמונה . לכן , מסמך או דף Web מורכב בדרך-כלל מכמה קבצים . התג img גורם לדפדפן לאחזר את קובץ התמונה ולהציג אותו . התג < img /> גם הוא תג מיידי ועל כן מוסיפים בסיום התג רווח ולאחריו את התו , / כמו בתג . < br /> המאפיין src של התג < img /> מציין היכן מצוי קובץ התמונה . התג שלהלן משבץ במסמך את התמונה המאוחסנת בקובץ : face . gif /> " תמונת פנים < img src = "face . gif" alt = "
|
|