15. HTML Links

① 마크업 언어는 웹 페이지의 구조를 설명한다,

② 하이퍼텍스트(HyperText)는 단일 페이지에서 벗어나 다른 페이지들과 연결할 수 있게 해준다.

③ URL(Unifor Resource Locator) 주소란 네트워크 상에서 문서가 어디에 있는 지를 알려주기 위한 하나의 약속이다.

  ㉠ 절대 경로는 누구나 알 수있는 절대적인 위치를 기준으로한 그곳의 위치이다.

  ㉡ 상대 경로는 "https://www" 부분이 존재하지 않으며 현재 위치한 곳을 기준으로 한 그곳의 상대적인 위치이다.

④ HTML 링크는 하이퍼링크(Hyperlinks)이다.

  ㉠ 링크를 누르면 다른 문서로 이동할 수 있다.

  ㉡ 링크 위에 마우스를 오르면 마우스의 포인터는 손바닥 모양으로 바뀐다.

⑤ <a> 태그는 하이퍼링크를 정의한다.

  ㉠ href 속성은 하이퍼링크의 목적지를 정한다.

 

https://www.google.com/

 

링크 텍스트(link text)가 화면에 출력되며, 링크 텍스트를 누르면 링크 주소로 이동한다.

  ㉢ 링크 텍스트의 색상은 기본적으로 3가지가 있다.

    ⓐ 방문하지 않은 링크의 링크 텍스트는 파란색이다.

    ⓑ 방문한 기록이 있는 링크의 링크 텍스트는 보라색이다.

    ⓒ 활성화된 링크는 빨간색이다.

⑥ 링크는 텍스트의 형태일 필요는 없다. 링크는 이미지나 다른 HTML 요소로 대체 가능하다.

  ㉠ 이미지를 클릭하면 링크를 타고 이동한다.

 

 

    ⓐ src 속성은 <img> 태그가 보여주는 그림 파일의 이름을 명시한다.

  ㉡ href 속성의 안에 mailto를 사용해 사용자의 이메일 프로그램이 열리게 하는 링크를 만들 수 있다.

 

메일 보내기

 

  ㉢ 자바 스크립트 코드를 추가해 링크 버튼을 만들 수 있다.

    ⓐ HTML의 심화에서 다룰 것이다.

  ㉣ title을 속성을 이용해 링크에 대한 추가 정보를 툴팁의 형태로 제공할 수 있다.

 

삼성 전자 주가 정보

 

⑦ 기본적으로 링크 페이지는 현재 브라우저 창에 띄워진다. 이를 바꾸기 위해선 링크에 또 다른 타겟(target)을 설정해줘야 한다.

  ㉠ target 속성은 링크 페이지를 어디에 열지를 결정한다.

  ㉡ target 속성은 다음 중 하나의 값만 갖을 수 있다.

    ⓐ _self 값은 기본 값으로, 링크를 클릭할 경우 같은 창 또는 탭에서 링크 페이지를 연다.

 

구글

 

    ⓑ _blank 값으로 설정하면 링크 페이지가 새로운 창 또는 탭에서 링크 페이지가열린다.

 

네이버

 

    ⓒ _parent 값으로 설정하면 현재 프레임의 부모 프레임에서 링크 페이지가 열린다.

 

네이버

 

    ⓓ _top 값으로 설정하면 최상위 프레임(full body)에서 링크 페이지가 열린다.

 

네이버