HTML 내부 링크
이전 강의에서는 브라우저 주소창에서 주소를 복사하여 다른 사이트의 페이지에 대한 링크를 만들었습니다. 이제 자신의 웹사이트 페이지를 링크로 연결하고 싶다고 가정해 봅시다.
이 경우에는 주소창에서 주소를 복사할 수 없습니다. 왜냐하면 이러한 주소는 컴퓨터의 루트 디스크로부터 해당 페이지까지의 전체 경로를 포함하고 있어, 다른 폴더로 이동할 경우 이러한 링크가 단순히 깨지게 되기 때문입니다.
자신의 웹사이트 페이지에는 다른 접근 방식을
사용해야 합니다. 예를 통해 알아봅시다.
웹사이트의 루트 폴더에 index.html 파일과
page.html 파일이 있다고 가정합시다.
이 파일들을 링크로 연결해 보겠습니다. 이를 위해
링크의 href 속성에 파일 이름(확장자 포함)을
간단히 작성하면 됩니다. 한번 해봅시다.
index.html 페이지에
page.html 페이지로 가는 링크를
만들어 봅시다:
<h1>Index</h1>
<a href="page.html">페이지 링크</a>
그리고 page.html 페이지에는
index.html 페이지로 가는 링크를
만들어 봅시다:
<h1>Page</h1>
<a href="index.html">인덱스 링크</a>
웹사이트 루트에 세 개의 HTML 페이지를 만드세요.
이름을 1.html, 2.html,
3.html로 지정하세요. 이러한 페이지들을
서로 링크로 연결하세요.
index.html 페이지도 만드세요.
해당 페이지에 1.html,
2.html, 3.html 페이지로 가는 링크를
배치하세요.
이전 작업을 수정하여 링크가 ul 목록 안에
위치하도록 하세요.
