링크로 다른 문서 연결하기

이번 단계에서 배울 내용

<a> 요소는 사용자가 클릭해서 다른 문서나 페이지로 이동할 수 있는 링크를 만듭니다. 이동할 주소는 href 속성에 작성합니다.

링크 글자는 여기를 클릭처럼 모호하게 쓰기보다, 이동할 곳을 알 수 있도록 구체적으로 작성하는 것이 좋습니다.

예시

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

<a id="css-guide" href="/docs/css">CSS 가이드 보기</a>

해야 할 일

준비된 HTML 가이드 보기 글을 실제 링크로 바꾸세요. 링크의 id는 html-guide, 이동 주소는 /docs/html입니다.

완성 조건

• id="html-guide"가 지정된 <a> 링크를 한 개 만듭니다.
• 링크의 href 값은 /docs/html로 작성합니다.
• 사용자에게 보이는 링크 글자는 HTML 가이드 보기로 작성합니다.
• 페이지 제목은 <h1>부터 시작합니다.

작업 방법

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

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

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

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

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

도움말: 링크는 <a href="이동할 주소">사용자에게 보일 글</a> 형태로 만듭니다.