Publishing/HTML

HTML 링크

oodada 2020. 2. 7. 11:25
반응형
링크는 거의 모든 웹 페이지에 있습니다. 링크를 사용하면 사용자가 페이지 간을 클릭 할 수 있습니다.

 

HTML 링크-하이퍼 링크

HTML 링크는 하이퍼 링크입니다.

링크를 클릭하고 다른 문서로 이동할 수 있습니다.

링크 위로 마우스를 움직이면 마우스 화살표가 작은 손 모양으로 바뀝니다.

링크는 텍스트 일 ​​필요는 없습니다. 이미지 또는 다른 HTML 요소 일 수 있습니다.

 

HTML 링크-구문

하이퍼 링크는 HTML <a>태그 로 정의됩니다 .

<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>

 

HTML 링크-대상 속성

 target속성은 링크 된 문서를 열 위치를 지정합니다.

target속성은 다음 값 중 하나를 사용할 수 있습니다 :

  • _blank -링크 된 문서를 새 창이나 탭에서 엽니 다
  • _self -클릭 한 것과 동일한 창 / 탭에서 링크 된 문서를 엽니 다 (기본값).
  • _parent -부모 프레임에서 링크 된 문서를 엽니 다
  • _top -링크 된 문서를 창 전체에서 엽니 다
  • framename- 링크 된 문서를 명명 된 프레임으로 엽니다
<a href="https://www.w3schools.com/" target="_blank">Visit W3Schools!</a>
<a href="https://www.w3schools.com/html/" target="_top">HTML5 tutorial!</a>

 

HTML 링크-링크 이미지

이미지를 링크로 사용하는 것이 일반적입니다.

<a href="default.asp">
  <img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0;">
</a>

 

링크 제목

 title속성은 요소에 대한 추가 정보를 지정합니다. 정보는 마우스가 요소 위로 움직일 때 가장 자주 툴팁 텍스트로 표시됩니다.

<a href="https://www.w3schools.com/html/" title="Go to W3Schools HTML section">Visit our HTML Tutorial</a>

 

외부 경로

외부 페이지는 전체 URL 또는 현재 웹 페이지에 상대적인 경로를 사용하여 참조 할 수 있습니다.

<a href="https://www.w3schools.com/html/default.asp">HTML tutorial</a>

전체 URL을 사용하여 웹 페이지에 연결합니다.

<a href="/html/default.asp">HTML tutorial</a>

현재 웹 사이트의 html 폴더에있는 페이지로 연결됩니다.

<a href="default.asp">HTML tutorial</a>

현재 페이지와 동일한 폴더에있는 페이지에 연결됩니다.

반응형

'Publishing > HTML' 카테고리의 다른 글

HTML 목록  (0) 2020.02.10
HTML 이미지  (0) 2020.02.10
HTML 텍스트 관련 요소  (0) 2020.02.07
HTML 제목  (0) 2020.02.07
HTML 전체 태그  (0) 2020.02.07
티스토리 친구하기