[HTML] a 태그 사용법과 href의 상대 경로 지정하기

<a href="./content.html" style="font-weight:bold;">A태그입니다</a>

a 엘리먼트 : 다른 페이지와 연결되는 링크를 생성하기 위해 사용.

<a>와</a>안에 작성된 "A태그입니다"는 라벨 역할을 수행하여 여기에 링크가 걸리게 됨.

즉 , A태그입니다를 클릭했을 떄, content.html로 이동함. 

href 속성은 브라우저에게 링크의 목적지를 알려줌. (속성은 엘리먼트를 커스터마이즈하기 위해 사용)

href : hypertext reference의 약자

경로가 변경되었다면, 이미지 등이 깨져서 나오게 된다. 파일의 경우 404 에러가 발생한다(파일 못 찾음

이 경우에는 정확한 경로를 작성해줘야한다.

해당 HTML 파일과 동일한 폴더에 있다면 위와 같이 작성하면 되지만, 어떤 폴더에 하위로 들어갔다면 그 경로를 정확히 기입해주어야 파일을 찾을 수 있다.

aa 폴더 안에 index.html파일이 존재한다. sub01.html이 aa폴더에 존재한다면 

href="./sub01.html" 로 쓰면되지만,

aa 폴더 안에 bb 폴더 안에 존재하는 sub02.html의 경우에는 

href="/bb/sub02.html" 으로 지정해주어야 한다.

반대로 상위(부모) 폴더로의 이동은 즉, sub02.html에서 index.html로 이동하기 위해서는 

href="../index.html" 으로 작성하면 된다.

참고로 .. 은 상위(부모) 폴더로의 이동을 의미하며, / 는 경로의 각 부분을 구분한다.

이것이 바로 상대 경로(Relative Path)이다.