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

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>

'프로젝트' 카테고리의 다른 글

Mini Project. 설문조사 양식 만들기(HTML:1일차 과제+@)  (0) 2025.03.28
Mini Project. 설문조사 양식 만들기(HTML:1일차 과제)  (0) 2025.03.28
Mini Project : 프로필 페이지 만들기(HTML:1일차 과제)  (0) 2025.03.28
MySQL을 이용한 더미 데이터 생성 프로세스  (0) 2025.03.20
Database- 데이터베이스 (2일차: 데이터베이스와 테이블 생성)  (0) 2025.03.19
'프로젝트' 카테고리의 다른 글
  • Mini Project. 설문조사 양식 만들기(HTML:1일차 과제+@)
  • Mini Project. 설문조사 양식 만들기(HTML:1일차 과제)
  • Mini Project : 프로필 페이지 만들기(HTML:1일차 과제)
  • MySQL을 이용한 더미 데이터 생성 프로세스
Chansman
Chansman
안녕하세요! 코딩을 시작한 지 얼마 되지 않은 초보 개발자 찬스맨입니다. 이 블로그는 제 학습 기록을 남기고, 다양한 코딩 실습을 통해 성장하는 과정을 공유하려고 합니다. 초보자의 눈높이에 맞춘 실습과 팁, 그리고 개발하면서 겪은 어려움과 해결 과정을 솔직하게 풀어내려 합니다. 함께 성장하는 개발자 커뮤니티가 되기를 바랍니다.
  • Chansman
    찬스맨의 프로그래밍 스토리
    Chansman
  • 전체
    오늘
    어제
    • 분류 전체보기 (657) N
      • Python (32)
      • 프로젝트 (43)
      • 과제 (25)
      • Database (40)
      • 멘토링 (11) N
      • 특강 (34) N
      • 기술블로그 (36) N
      • 기술블로그-Fastapi편 (20) N
      • 기술블로그-Django편 (152) N
      • 기술블로그-Flask편 (35)
      • AI 분석 (4)
      • HTML & CSS (31)
      • JavaScript (17)
      • AWS_Cloud (21)
      • 웹스크래핑과 데이터 수집 (14)
      • Flask (42)
      • Django (72)
      • Fastapi (1) N
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
Chansman
Mini Project : 프로필 페이지 만들기(HTML:1일차 과제 + @)
상단으로

티스토리툴바