Menu
CoddyTech

חלוקות

חלק מהיחידה יסודות במסלול ה-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 אונליין