HTML 속성으로 요소에 정보 더하기

이번 단계에서 배울 내용

HTML 속성(attribute)은 요소에 추가 정보를 줍니다. 링크를 만드는 <a> 요소에는 이동할 주소를 href 속성으로 작성합니다.

title 속성은 링크에 대한 보충 설명을 제공하고, id는 요소를 구분하는 이름표 역할을 합니다. 속성은 여는 태그 안에 공백으로 구분해 작성합니다.

예시

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

<a id="help-link" href="/help" title="도움말 열기">도움말</a>

해야 할 일

준비된 가이드 보기 링크에 세 가지 속성을 추가하세요. 링크의 이름표는 guide-link, 이동 주소는 /guide, 보충 설명은 HTML 학습 가이드입니다.

완성 조건

• 가이드 보기 링크를 한 개 만들고 id="guide-link"를 지정합니다.
• 링크의 href 값은 /guide로 작성합니다.
• 링크의 title 값은 HTML 학습 가이드로 작성합니다.
• 사용자에게 보이는 링크 글자는 가이드 보기로 유지합니다.

작업 방법

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

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

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

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

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

도움말: 여러 속성은 <a id="..." href="..." title="...">처럼 한 여는 태그 안에 작성합니다.