דוגמאות פשוטות 
הבא ונראה מספר דוגמאות פשוטות לשימוש במסגרות בכדי להתחיל ללמוד איך נוצרים דפים המכילים מסגרות. בכל אחד מהמקרים נראה את קוד ה HTML שישמש ליצור את המסגרת, ויטען את הקבצים לתוך המסגרות השונות. רוב הקוד מופיע בצבע ירוק בכדי שתוכל להבדיל בין הקוד לטקסט של דף זה. במקרים מסוימים, חלקים מקוד ה HTML מופיעים בצבע כתום בכדי להדגיש הבדלים חשובים בשני החלקים של קוד ה HTML שאנחנו משווים. אנחנו נראה גם את המסגרות שהקוד יוצר על ידי קישור לחלון חדש שיפתח על ידי לחיצה.
אל תתבלבל בין מסגרות לבין חלונות חדשים בהם נראה לך את המסגרות. אין צורך להשתמש בדפדפן חדש בכדי להשתמש במסגרות. אנחנו רק פותחים כאן את הדוגמא של המסגרת בדפדפן חדש בכדי שתוכל בו זמנית לראות את הקוד בדפדפן זה ואת המסגרת שקוד זה יצר בדפדפן חדש.
סדרה פשוטה ביותר של מסגרות – שתי שורות ושתי עמודות:
בדפים הבאים נביא דוגמאות רבות לשימוש במסגרות. כדי להמחיש דוגמאות אלו נשתמש בקישורים אשר יפתחו חלונות הדגמה בנושאים הנלמדים. אל תבהל! לאחר שתבין את הדוגמא תוכל פשוט ללחוץ עם סמן העכבר על סמן ה - X בקצהו העליון של החלון, ע"י כך לסגור אותו ולהמשיך בלימוד כרגיל.
שתי שורות - נתחיל עם דוגמא 1. זוהי סדרת מסגרות עם 2 שורות כאשר העליונה תופסת 20 אחוז מהדף והתחתונה 80 אחוז מהדף.
קוד ה HTML היוצר דוגמא זו הוא:
<frameset rows="20%,80%">
<frame src="file1.html">
<frame src="file2.html">
</frameset>
שתי עמודות - הדוגמה השניה שלנו היא סדרה של שתי מסגרות המחולקות כשתי עמודות: דוגמה 2. המסגרת השמאלית תופסת 20% מהמסך והמסגרת השנייה תופסת את 80% הנותרים.
קוד ה HTML היוצר דוגמא זו הוא:
<frameset cols="20%,80%">
<frame src="file1.html">
<frame src="file2.html">
</frameset>
הטקסט האדום, כפי שאמרנו מוקדם יותר, משמש כאן לסמן את ההבדל היחיד בין הקוד הראשון לקוד השני.
הדברים החשובים שיש לשים לב אליהם בדוגמאות האלה :
- הקוד שיוצר סדרה של מסגרת מתחיל בתג: <framset> ומסתיים בתג</framset>.
- חייב להופיע לפחות אובייקט אחד של מסגרת בין שני התגים. בדוגמה 1, הHTML מסמן שסדרת המסגרות תורכב משתי שורות אחת מעל השנייה. בדוגמה 2, ה HTML מסמן שסדרת המסגרות תורכב משתי עמודות אחת לצד השנייה. מספר השורות או העמודות מסומנות על ידי מספר הערכים המופרדים בפסיק ומופיעים אחרי המילה cols או rows.
- בין תגי ה framset יש תג frame עבור כל מסגרת. בכל תג של frame יש אובייקט src שקובע איזה קובץ ייטען לתוך אותה מסגרת. התג של המסגרת הראשונה יופיע ראשון (עליון או הכי שמאלי). התג של המסגרת הבאה יופיע אחריו (מתחתיו או לימינו), וכו'.
ה frameset כולו ותג של מסגרת מסוימת יכולים להיות בעלי תכונות נוספות שיאפשרו לנו בהמשך עיצוב מיוחד של המסגרת ויוסיפו פונקציות נוספות. כעת נדון רק בתכונות המינימליות שתגים אלה חייבים. בחלק נוסף נביט מאוחר יותר.
בדוגמאות אלו הקבצים file1.html ו file2.html הם קבצים פשוטים מאוד, לכל אחד טקסט פשוט וקצר עם קביעת צבע הרקע:
file1.html
<html>
<head>
<title>קובץ 1</title>
</head>
<body bgcolor="#ff0000">
קובץ 1
</body>
</html>
file2.html
<html>
<head>
<title>קובץ 2</title>
</head>
<body bgcolor="#0000ff">
קובץ 2
</body>
</html>
File1.html ו file2.html מופיעים כל אחד בחלון שלו. בחרנו לטעון קבצים פשוטים אלו לתוך סדרת המסגרות כיוון שרצינו להדגיש את המבנה של סדרת המסגרות.
למעשה, ניתן לטעון לתוך כל מסגרת כל קובץ HTML, כל קובץ תמונה או כל סוג אחר של קובץ שניתן להציג כ inline בדף רשת. הקבצים יכולים, כמובן, להיות מקומיים או קבצים בכל מקום שהוא על הרשת, כל עוד הדרך אליהם מפורטת עם הנתיב מדויק או כתובת אינטרנט מדויקת.
גולשים מקוונים: 2