Menu
Coddy logo textTech

Social Links

Part of the Fundamentals section of Coddy's HTML journey. Lesson 34 of 60.

challenge icon

Challenge

Easy

Let’s share your social media—people will want to connect! 

  1. After the 'About Me' section, add another <div>
  2. Inside it, create a heading with an <h2> tag that says 'Connect with Me'. 
  3. Add clickable links to your social media profiles using <a> tags. Remember to make the links open in a new tab by adding target="_blank"

For example:

Try it yourself

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

All lessons in Fundamentals

Practice on your own: Web playground