하이퍼링크란? - HTML Creating hyperlinks

HTML Creating hyperlinks

하이퍼링크란 무엇인가?

하이퍼링크는 웹을 웹 다워보이도록 만들어 줌

• 문서들을 다른 문서들과 연결
• 원하는 다른 resource 들과 연결

URL은 HTML 파일, 텍스트 파일, 이미지, 텍스트 문서들, 비디오와 오디오 파일들, 그리고 웹상에서 존재할 수 있는 어느 것이라 할지라도 연결할 수 있다.

링크의 구조

기본 링크는 <a>요소 내에 링크로 바꾸려는 텍스트 (또는 기타 콘텐츠, 블록 수준 링크 참조)를 래핑하여 생성되고, href 속성이 사이트 주소가 포함된 링크를 준다.

<p>I'm creating a link to
<a href="https://www.mozilla.org/en-US/">the Mozilla homepage</a>.
</p>

title 속성에 부가적인 정보를 더하기

title 속성

• 해당 페이지에 어떤 종류의 정보가 포함되어 있는지 또는 알아야할 사항과 같은 링크에 대한 보충할만한 유용한 정보를 포함하기 위한 것을 나타낼때 사용

<p>I'm creating a link to
<a href="https://www.mozilla.org/en-US/"
   title="The best place to find more information about Mozilla's
          mission and how to contribute">the Mozilla homepage</a>.
</p>

Block level 링크들

어떤 내용이든 link로 바꿀 수 있다

• block level 요소들도 변경 가능

링크로 바꾸고 싶은 이미지가 있다면, <a> 와 </a> 사이에 그 이미지를 넣으됨

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="mozilla logo that links to the mozilla homepage">
</a>