Menu
Coddy logo textTech

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

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