프로젝트

Mini Project : 프로필 페이지 만들기(HTML:1일차 과제 + @)

Chansman 2025. 3. 28. 16:24 
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="utf-8">
        <title>이상인의 프로필 페이지</title> <!-- ① 페이지 제목 설정 -->
    </head>
    <body>
        <h1 title="찬희 아빠인 상인의 프로필 페이지">이 상 인</h1> <!-- ② 메인 제목 및 툴팁 설정 -->
        <img 
        src="images/image.jpg" 
        alt="아들 찬희와 여행 중" 
        width="300" 
        > <!-- ③ 프로필 이미지 삽입 -->

        <div id="introduce"> <!-- ④ 기본 정보 섹션 -->
            <h2>기본 정보</h2>
            <p>
                부산에 살고 있으며, 9살 아들 <strong>이찬희</strong>의 아빠입니다.<br>
                뉴질랜드에서 거주하다가 최근 한국으로 돌아왔습니다.<br>
                매력적인 <strong>개발자</strong>라는 꿈을 향해 도전하고 있습니다.
            </p>
        </div>
        <hr>

        <div id="character"> <!-- ⑤ 성격 섹션 -->
            <h2>성격</h2>
            <p>
                MBTI는 <mark>ENFP</mark>와 <mark>INFP</mark> 사이를 왔다 갔다 해요.<br>
                에너지 넘치고 감성적인 성향을 가지고 있어요.
            </p>
        </div>
        <hr>

        <div id="interest"> <!-- ⑥ 취미와 관심사 섹션 -->
            <h2>취미와 관심사</h2>
            <p>
                운동을 좋아하고, 기타를 치며 힐링합니다.<br>
                무엇보다 <em>아들과 함께 여행하는 것을 정말 좋아해요!</em>
            </p>
        </div>
        <hr>

        <footer>
            <span>&copy;이상인</span> <!-- ⑦ 저작권 표시 -->
        </footer>
    </body>
</html>