מקטעים ומאמרים
חלק מהיחידה יסודות במסלול ה-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>אתגר
קלצרו מסמך HTML שמשתמש בתגיות <section> ו-<article> כדי לבנות את המבנה של דף אינטרנט. כללו את היחידות הבאות:
- יחידת
<main>שתכיל את התוכן הראשי של הדף. - בתוך
<main>, צרו<section>עם כותרת (<h2>) שאומרת "Upcoming Events". - בתוך
<section>, צרו שני רכיבי<article>. - לכל
<article>צריכה להיות כותרת (<h3>) ופסקה (<p>) עם טקסט דמה כלשהו. השתמשו ב-"Event 1" וב-"Event 2" עבור הכותרות, וב-"Event 1 details..." וב-"Event 2 details..." עבור הפסקאות.
נסו בעצמכם
<!DOCTYPE html>
<html>
<body>
<!-- כתבו כאן קוד -->
</body>
</html>השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה יסודות
תרגלו בעצמכם: Web אונליין