סיום HTML

שיעור 7 מתוך 17 בקורס אקורדיון תמונות | פרויקט Front-end של Coddy.

עכשיו אפשר לראות שיש לנו קלט אחד ותווית אחת. ואלה יחד מייצגים יחידה אחת באקורדיון.

אתגר

קל

1. העתיקו את מקטעי הקלט והתווית. לאחר מכן, מתחת לתווית, הדביקו אותם שלוש פעמים:

<input type="radio" name="slide" id="c1" checked>
<label for="c1" class="card" id="one">
    <div class="row">
        <div class="icon">1</div>
        <div class="description">
            <h4>Morning</h4>
            <p>When sun rises</p>
        </div>
    </div>
</label>

2. מכיוון שלקלט הראשון שלנו מוגדר מזהה c1, הקפידו לשנות את מזהי הקלטים הבאים ל-c2, c3, ול-c4.

3. כך גם לגבי התוויות; שנו את מזהי התוויות הבאות ל-two, three, ול-four.

נסו בעצמכם

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- כתבו כאן קוד HTML -->
        <script src="script.js"></script>
    </body>
</html>