소셜 링크

Coddy HTML 여정의 기초 섹션에 포함된 레슨. 60개 중 34번째.

챌린지

쉬움

소셜 미디어를 공유해 봅시다. 사람들이 여러분과 연결하고 싶어 할 거예요!

'About Me' 섹션 다음에 또 다른 <div>를 추가하세요.
그 안에 <h2> 태그를 사용하여 'Connect with Me'라고 표시되는 제목을 만드세요.
<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>