Menu
Coddy logo textTech

חלוקות

חלק מהיחידה יסודות במסלול ה-HTML של Coddy. שיעור 25 מתוך 60.

דמיין שברצונך לחלק את דף האינטרנט שלך לבלוקים כדי לארגן את התוכן. ב-HTML אפשר להשתמש ב-div כדי לקבץ יחד רכיבים. 

תגיות div מצוינות ליצירת פריסות ולהפרדה בין יחידות.

הנה התחביר הבסיסי:

<div>
	<!-- התוכן יופיע כאן -->
</div>

אפשר להוסיף רכיבי HTML אחרים בתוך div, כגון פסקאות, כותרות, תמונות ואפילו רכיבי div אחרים. 

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

<div>
	<h1>Header</h1>
</div>
<div>
	<p>Main content goes here.</p>
</div>
<div>
	<p>Footer</p>
</div>
challenge icon

אתגר

קל

צרו 3 רכיבי div, הממוקמים בזה אחר זה במסמך ה-HTML שלכם. 

בתוך כל div, הוסיפו תגית p שמכילה שם של סרט שאתם אוהבים.

נסו בעצמכם

<!DOCTYPE html>
<html>
    <body>
        <!-- כתבו כאן קוד -->
    </body>
</html>
quiz iconבחנו את עצמכם

השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.

כל השיעורים ביחידה יסודות

תרגלו בעצמכם: Web אונליין