אינדקס מדריך HTML

רשימות ומסגרות

 

רשימות ומסגרות

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

		<ul>
			<li>קפה</li>
			<li>מים</li>
			<li>סוכר</li>
		</ul>

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

קוד לדוגמא:
		<ol>
			<li>קפה</li>
			<li>מים</li>
			<li>סוכר</li>
		</ol>




מסגרות

מסגרות זה תרגום די גרוע ל"Iframe" שזה למעשה תג שמאפשר לנו לייבא לאותו הדף הנוכחי דפים אחרים באתר או מאתרים אחרים. כך למשל אנחנו יכולים להציג את הדף הראשי של http://www.webmasters.co.il ישירות בדף שלנו.

קוד לדוגמא:

	 <iframe src="http://www.webmasters.co.il/" height="300px" width="350px" /></iframe>

בקוד הזה יש 3 אלמנטים שונים:
- src - הוא מכיל את הכתובת שאנחנו רוצים לייבא לדף. אפשר גם לייבא קובץ אחר ולא רק כתובת מלאה למשך page-2.html (כלומר, הדף השני של האתר).
- height - קובע את הגובה של המסגרתחלון שלנו
- width - קובע את הרוחב של החלון שלנו.

ככה זה נראה:


שימו לב שאולי יהיו לכם בעיות קידוד, אבל זה משהו שתצטרכו להתמודד איתו ועליו נלמד בהמשך.



יש בעיה? קושי או שאתם רוצים לשאול שאלה? הכנסו לפורום שלנו תשאלו ואנחנו נשמח לעזור!