<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)이다.
'개발 > HTML' 카테고리의 다른 글
| Textarea 글 입력 시 비정상적인 커서 문제 (0) | 2017.08.22 |
|---|---|
| [HTML] q 태그의 사용법과 엘리먼트의 종류 (0) | 2017.08.04 |
| HTML의 기본적인 개념 정리 (0) | 2017.08.04 |
| Chorme에서 Textarea 크기 조절 막아버리기~ (0) | 2017.03.06 |
| HTML 태그에서 띄어쓰기는 어떻게 할까? (0) | 2017.01.31 |
