SNSリンク

CoddyのHTMLジャーニー「Fundamentals」セクションの一部 — レッスン 34/60。

チャレンジ

簡単

ソーシャルメディアを共有しましょう。人々はあなたとつながりたいと思うはずです！

'About Me' セクションの後に、別の <div> を追加してください。
その中に、'Connect with Me' と書かれた <h2> タグで見出しを作成してください。
<a> タグを使用して、ソーシャルメディアのプロファイルへのクリック可能なリンクを追加してください。target="_blank" を追加して、リンクが新しいタブで開くようにすることを忘れないでください。

例：

LinkedIn | Twitter | Instagram | Facebook

自分で試してみよう

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