Menu
CoddyTech

מקטעים ומאמרים

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

ב-HTML, התגיות <section> ו-<article> משמשות לארגון התוכן לחלקים הגיוניים.

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

כך אפשר להשתמש בתג <section>:

<section>
	<h2>Section Heading</h2>
	<p>Section content goes here.</p>
</section>

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

כך אפשר להשתמש בתג <article>:

<article>
	<h2>Article Title</h2>
	<p>Article content goes here.</p>
</article>
challenge icon

אתגר

קל

צרו מסמך HTML שמשתמש בתגיות <section> ו-<article> כדי לבנות את המבנה של דף אינטרנט. כללו את היחידות הבאות:

  1. יחידת <main> שתכיל את התוכן הראשי של הדף.
  2. בתוך <main>, צרו <section> עם כותרת (<h2>) שאומרת "Upcoming Events".
  3. בתוך <section>, צרו שני רכיבי <article>.
  4. לכל <article> צריכות להיות כותרת (<h3>) ופסקה (<p>) עם טקסט לדוגמה. השתמשו ב-"Event 1" וב-"Event 2" עבור הכותרות, וב-"Event 1 details..." וב-"Event 2 details..." עבור הפסקאות.

נסו בעצמכם

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

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

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

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