상대 경로 링크 구분하기

이번 단계에서 배울 내용

링크 주소가 about.html처럼 파일 이름으로 시작하면 현재 문서를 기준으로 이동하는 상대 경로입니다. /docs처럼 슬래시로 시작하면 사이트의 가장 위 경로를 기준으로 이동합니다.

같은 폴더의 파일을 연결할 때는 상대 경로를, 사이트 전체에서 공통으로 사용하는 주소에는 루트 기준 경로를 사용할 수 있습니다.

예시

아래 코드는 사용 방법을 보여 주는 예시입니다. 문제의 정답과는 다른 내용입니다.

<a href="contact.html">같은 폴더의 연락처</a>
<a href="/help">사이트 도움말</a>

해야 할 일

준비된 두 링크에 서로 다른 종류의 경로를 지정하세요. 소개는 같은 폴더의 about.html로, 문서는 사이트 루트의 /docs로 이동합니다.

완성 조건

• 준비된 두 <a> 링크를 모두 유지합니다.
• 소개 링크의 href는 about.html로 작성합니다.
• 문서 링크의 href는 /docs로 작성합니다.
• 페이지 제목은 <h1>부터 시작합니다.

작업 방법

1. 에디터에서 index.html을 엽니다.
2. TODO 주석이 있는 부분을 중심으로 코드를 수정합니다.
3. 미리보기에서 결과를 확인한 뒤 제출합니다.

별도의 입력값은 없습니다.

에디터에 준비된 index.html을 열고, 문제에서 안내하는 HTML 요소와 속성을 추가하거나 수정하세요. 브라우저 미리보기로 작성한 결과를 확인할 수 있습니다.

별도의 출력값은 없습니다.

수정한 index.html이 브라우저에서 정상적으로 열리고, 아래의 완성 조건을 모두 만족하면 됩니다.

도움말: 주소 맨 앞의 / 유무를 주의해서 비교하세요.