index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>자기소개</title>
    <link href="styles.css" rel="stylesheet" />
   
 
</head>

<body>

    <div class="container">

        <div class="headline">
            <h2>안녕하세요. 안상훈입니다.</h2>
        </div>

        <div class="image">
            <img src="https://postfiles.pstatic.net/MjAyMzEwMDVfMTA3/MDAxNjk2NTExNDI5MjI3.Caa1eWPkVOvEqcWRVq9r_ALTFwqlynUOlqlVbM6FbpUg.li0ZoLvk5FjXLnCOlujTT6GRk4xGxa-0LkQj5LEYouQg.JPEG.clibera/IMG_5619.jpg?type=w773"
                alt="상훈의 이미지">
            <img src="https://postfiles.pstatic.net/MjAyMzEwMDVfMTc0/MDAxNjk2NTExNDI5MTEx.QWc8OQ9Tb2aPZMHT19vY2DmDQ4HKzDO0CRVAIqNTk1Qg.pR1YEolG4VLQsyYheZz-fF_9I88fgEawkSsNooSyHEIg.JPEG.clibera/IMG_5618.jpg?type=w773"
                alt="상훈의 귀여운 강아지 이미지">
        </div>

        <div class="mypuppyiscute">
            <p>제 사진보단 귀여운 우리 '꼬미'사진입니다.</p>
            <p>보고 다 같이 귀여웠으면 좋겠습니다.</p>
            <p>앞으로 잘 부탁드려요.다 같이 화이팅!</p>
        </div>

        <div class="goal">
            <p>목표</p>
            <ul>
                <li>프론트엔드 마스터</li>
                <li>개발자로 거듭나기</li>
            </ul>
        </div>

        <div class="plan">
            <p>계획</p>
            <ol>
                <li>10일 동안의 프론트엔드 교육 수강하기</li>
                <li>프론트 엔드 심화</li>
                <li>백 엔드 기초 공부하기</li>
            </ol>
        </div>

    </div>

</body>

</html>