자기소개 섹션

Coddy HTML 여정의 Fundamentals 섹션에 포함된 레슨. 60개 중 33번째.

챌린지

쉬움

이것은 프로필 프로젝트의 연속입니다! 이미 만든 구조를 바탕으로 더 발전시켜 봅시다. 이제 페이지에는 각각 <div> 태그로 감싸진 세 개의 구분된 섹션이 포함되어야 합니다:

1. Header Section: 이름이 들어간 <h1>과 짧은 한 줄 소개가 들어간 <p>를 포함하는 <div>.
2. Profile Picture: <img> 태그를 포함하는 <div>.
3. About Me Section: 'About Me'라는 텍스트가 들어간 <h2>와 자신에 대해 소개하는 <p> 태그를 포함하는 <div>.

테스트를 통과하려면 HTML 구조가 이 순서를 따르는지 확인하세요.

직접 해보기

<!DOCTYPE html>
<html>
    <body>
        <!-- 이것은 프로젝트의 연속입니다. 아래의 세 섹션을 사용하여 페이지를 구성해 주세요. -->
        
        <!-- 헤더 섹션: 이 div 안에 <h1>과 <p> 태그를 추가하세요 -->
        <div>
            
        </div>
        
        <!-- 프로필 사진 섹션: 이 div 안에 <img> 태그를 추가하세요 -->
        <div>
            
        </div>
        
        <!-- 자기소개 섹션: 이 div 안에 <h2>와 <p> 태그를 추가하세요 -->
        <div>
            
        </div>
    </body>
</html>