반응형
문제: 간단한 포트폴리오 웹 페이지 구성하기
문제 설명:
자기 소개와 프로젝트 목록을 보여주는 기능을 가지고 있어야 합니다.
이전 글에서 배운 HTML 기술을 활용하여 아래 요구사항을 충족하는 웹 페이지를 구성해보세요.
요구사항:
- 웹 페이지의 제목은 "나의 포트폴리오"로 설정합니다.
- 웹 페이지의 전체 구조는 HTML5 시맨틱 태그를 사용하여 마크업합니다.
- 자기 소개를 위한 섹션을 만들어주세요. 이 섹션은 "About Me"라는 제목을 가지고 있어야 합니다. 자기 소개에는 당신의 이름, 직업, 경력, 기술 등을 간단히 소개해주세요.
- 프로젝트 목록을 표현하기 위한 섹션을 만들어주세요. 이 섹션은 "Projects"라는 제목을 가지고 있어야 합니다. 프로젝트 목록은 순서 없는 목록으로 나타내고, 각 프로젝트는 프로젝트 이름과 간단한 설명으로 구성되어야 합니다.
- 웹 페이지에는 메뉴를 추가하여 자유롭게 웹 페이지 내의 섹션으로 이동할 수 있도록 해주세요. 메뉴는 "About", "Projects"로 구성되어야 합니다. 6. 웹 페이지에는 페이지 하단에 저작권 정보를 포함시켜주세요. 저작권 정보는 현재 연도를 기준으로 표시해야 합니다.
힌트:
<h1>
태그를 사용하여 웹 페이지의 제목을 설정할 수 있습니다.<section>
태그를 사용하여 섹션을 만들 수 있습니다.<ul>
태그와<li>
태그를 사용하여 프로젝트 목록을 나타낼 수 있습니다.<nav>
태그를 사용하여 메뉴를 만들 수 있습니다.
현재 연도를 표시하기 위해서는 JavaScript를 사용하거나, 서버 측에서 동적으로 연도를 생성하는 방법을 고려해볼 수 있습니다.
반응형
"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."