Social Links

Teil des Abschnitts Fundamentals der HTML-Journey von Coddy — Lektion 34 von 60.

Aufgabe

Einfach

Lass uns deine sozialen Medien teilen – die Leute werden sich vernetzen wollen!

Füge nach dem Abschnitt 'About Me' ein weiteres <div> hinzu.
Erstelle darin eine Überschrift mit einem <h2>-Tag, die 'Connect with Me' lautet.
Füge anklickbare Links zu deinen Social-Media-Profilen mit <a>-Tags hinzu. Denke daran, die Links in einem neuen Tab öffnen zu lassen, indem du target="_blank" hinzufügst.

Zum Beispiel:

LinkedIn | Twitter | Instagram | Facebook

Probier es selbst

<!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>