HTML 링크

<a>태그에는 href속성을 줄 수 있고 어떤 웹페이지를 링크로 걸고싶은지에 대한 정보를 추가.

<a href="https://google.com/index.html ">

 

 

a 태그는 글씨나 이미지를 감쌀 수 있음

<a href="HTML_211118_1.html">
  1번 파일로 이동 <- 상대경로<br>

 

image1에 이미지 주소를 저장

<p> 태그에 id속성을 이용해서 같은 페이지의 링크주소를 저장

<p id="image1">  <img src = "이미지 주소"</p>

 

id속성을 이용해서 image1에 위치를 기억시켰고, #을 통해 image1의 위치로 이동가능

<a href="#image1"> 이미지1로 이동하는 링크</a> <!링크를 클릭하면 같은화면 내의 이미지로 이동>

 

상대경로 : 같은 파일 시스템 구조 상의 위치를 표현

<a href="HTML_211118_1.html">
    1번 파일로 이동 <- 상대경로<br>

 

 

절대경로 : 전체 인터넷을 기준으로 해당 자료의 위치를 표현

<a href="https://google.com/index.html ">
 구글로 이동 <- 절대경로<br>