כיצד ליצור דף בתוך דף

תוכן עניינים:

כיצד ליצור דף בתוך דף
כיצד ליצור דף בתוך דף

וִידֵאוֹ: כיצד ליצור דף בתוך דף

וִידֵאוֹ: כיצד ליצור דף בתוך דף
וִידֵאוֹ: איך בונים דף נחיתה - הדרכת וידאו מלאה! 2024, אַפּרִיל
Anonim

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

כיצד ליצור דף בתוך דף
כיצד ליצור דף בתוך דף

זה הכרחי

פנקס רשימות של עורך טקסטים

הוראות

שלב 1

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

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

המאפיין "cols" במדגם קוד זה מציין כי יש לפצל את הדף אנכית לשתי מסגרות, כאשר השמאלית תופסת 20% מרוחב החלון והצד הימני 80%. אם במקום המאפיין "cols" אתה מציין את המאפיין "שורות", הדף יפוצל אופקית:

במקום מספר, אתה יכול לכתוב כוכבית (*):

פירוש הדבר כי למסגרת השנייה יינתן כל השטח שנותר. ניתן לציין את גדלי המסגרות לא באחוזים, אלא ביחידות מדידה המשמשות לרוב בפריסת העמוד - ב"פיקסלים ":

שלב 2

תג ה- HTML של המסגרת עצמה, אותו יש למקם במיכל, כתוב באופן הבא: תכונת "src" של תג "frame" מכילה את כתובת דף האינטרנט שעל הדפדפן לטעון למסגרת זו. כתובת שנכתבה בדרך זו נקראת "מוחלטת" - היא מתחילה בפרוטוקול https://. אך אם זהו דף באתר משלך והוא נמצא באותה תיקייה (או תיקיית משנה), אז אינך צריך לציין את הכתובת המוחלטת, רק שם הקובץ והנתיב לתיקיית המשנה יספיקו. כתובת כזו תיקרא "יחסית": - ניתן להעביר גבולות בין מסגרות בדף כברירת מחדל באמצעות העכבר. תכונה זו מושבתת על ידי מאפיין noresize: - ישנן שתי תכונות הקובעות את גודל השוליים בין המסגרות - marginheight מגדיר את השוליים האנכיים (למעלה ולמטה), ואת רוחב השוליים - אופקית (ימין ושמאל): - שימוש בתכונה אחרת - "גלילה" - אתה יכול להגיד לדפדפן את הכללים לסרטי הגלילה של המסגרת: הערך "אוטומטי" מציין כי סרגל הגלילה צריך להופיע לפי הצורך, כלומר, כאשר התוכן אינו מתאים למסגרת. אם תגדיר את הערך ל"כן ", מסגרת זו תמיד תהיה עם פסי גלילה, והערך" לא ", להפך, מונע את הצגת פסי הגלילה - אם הדפים הכלולים במיכל עובדים עם סקריפטים JavaScript לבצע פעולות במסגרות סמוכות, ייתכן שיהיה צורך להבחין בין מסגרות לפי שם. התכונה המכילה את שם המסגרת נקראת שם:

שלב 3

הגדרות HTML אלה מספיקות ליצירת דף פשוט ממספר עמודים מאתרים אחרים. לשם כך תזדקק לכל עורך טקסט, למשל, פנקס רשימות רגיל. בתוכו, צור מסמך חדש וכתוב את תגיות ה- HTML הבאות:

ואז שמור את הקוד הזה עם סיומת htm או html - למשל, test.html. הכל מוכן, אם תפתח מסמך זה עם דפדפן, התוצאה תיראה כך:

עמוד דו-מסגרתי
עמוד דו-מסגרתי

שלב 4

יש סוג אחר של מסגרת - "צף". זה יכול להיות ממוקם בתוך עמוד רגיל, ולא מחולק למסגרות. למסגרת כזו תכונות רוחב וגובה נוספות המגדירות את ממדיה. הקוד של התג הזה עשוי להיראות כך:

מוּמלָץ: