Menu
Coddy logo textTech

קישורים לרשתות חברתיות

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

challenge icon

אתגר

קל

בואו נשתף את הרשתות החברתיות שלך: אנשים ירצו להתחבר! 

  1. אחרי היחידה 'About Me', הוסף עוד <div>. 
  2. בתוכה, צור כותרת עם התגית <h2> שכתוב בה 'Connect with Me'. 
  3. הוסף קישורים שניתן ללחוץ עליהם לפרופילים שלך ברשתות החברתיות באמצעות תגיות <a>. זכור לגרום לקישורים להיפתח בכרטיסייה חדשה על ידי הוספת target="_blank"

לדוגמה:

נסו בעצמכם

<!DOCTYPE html>
<html>
    <body>
        <!-- Header Section -->
        <div>
            <h1>John Doe</h1>
            <p>Web Developer | Creative Thinker</p>
        </div>
        
        <!-- Profile Picture -->
        <div>
            <img src="https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.png" alt="My profile picture" width="200" height="200" />
        </div>
        
        <!-- About Me Section -->
        <div>
            <h2>About Me</h2>
            <p>Hello! I'm a passionate web developer learning HTML basics. I enjoy coding and building creative projects.</p>
        </div>
    </body>
</html>

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

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