본문 바로가기
IT창고/HTML

간단한 포트폴리오 웹 페이지 구성하기

by 창구창고 2023. 7. 19.
반응형

문제: 간단한 포트폴리오 웹 페이지 구성하기

문제 설명:

자기 소개와 프로젝트 목록을 보여주는 기능을 가지고 있어야 합니다.
이전 글에서 배운 HTML 기술을 활용하여 아래 요구사항을 충족하는 웹 페이지를 구성해보세요.

요구사항:

  1. 웹 페이지의 제목은 "나의 포트폴리오"로 설정합니다.
  2. 웹 페이지의 전체 구조는 HTML5 시맨틱 태그를 사용하여 마크업합니다.
  3. 자기 소개를 위한 섹션을 만들어주세요. 이 섹션은 "About Me"라는 제목을 가지고 있어야 합니다. 자기 소개에는 당신의 이름, 직업, 경력, 기술 등을 간단히 소개해주세요.
  4. 프로젝트 목록을 표현하기 위한 섹션을 만들어주세요. 이 섹션은 "Projects"라는 제목을 가지고 있어야 합니다. 프로젝트 목록은 순서 없는 목록으로 나타내고, 각 프로젝트는 프로젝트 이름과 간단한 설명으로 구성되어야 합니다.
  5. 웹 페이지에는 메뉴를 추가하여 자유롭게 웹 페이지 내의 섹션으로 이동할 수 있도록 해주세요. 메뉴는 "About", "Projects"로 구성되어야 합니다. 6. 웹 페이지에는 페이지 하단에 저작권 정보를 포함시켜주세요. 저작권 정보는 현재 연도를 기준으로 표시해야 합니다.

힌트:

  • <h1> 태그를 사용하여 웹 페이지의 제목을 설정할 수 있습니다.
  • <section> 태그를 사용하여 섹션을 만들 수 있습니다.
  • <ul> 태그와 <li> 태그를 사용하여 프로젝트 목록을 나타낼 수 있습니다.
  • <nav> 태그를 사용하여 메뉴를 만들 수 있습니다.

현재 연도를 표시하기 위해서는 JavaScript를 사용하거나, 서버 측에서 동적으로 연도를 생성하는 방법을 고려해볼 수 있습니다.

반응형

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."