하이퍼링크란 ? '연결된 개체'를 뜻합니다. 어떤 문서의 일부분을 클릭하면 다른 문서로 이동됩니다.
여러개의 HTML 문서를 고리처럼 연결해 상호 관련이 있는 하나의 집합으로 만들 수 있습니다. 예를 들면 링크연결인데요.
링크연결을 통해 웹 브라우저 사용자는 자유롭게 연결된 문서들 사이를 이동하며 원하는 정보를 얻을 수 있도록 도와줍니다.
HTML 기초, 하이퍼링크 <A> 태그와 다양한 속성활용방법 ①
◎ 하이퍼 링크를 위한 <A> 태그와 속성들
|
태그 |
속성 |
속성값 |
설명 |
|
A |
href |
문자열 |
하이퍼링크 연결로 이동하고자 하는 곳의 위치를 지정 |
|
name |
문자열 |
하이퍼링크에 이름을 지정 | |
|
target |
문자열 |
하이퍼링크를 클릭했을 때 href 속성에 지정된 URL이 보여질 위치를 지정 | |
|
title |
문자열 |
하이퍼링크에 대한 설명을 표시 |
◎ 이동할 위치를 지정하는 href 속성
HTML 에서는 문서간의 연결을 위해 <a> 태그를 사용합니다. <a> 태그의 href 속성은 하이퍼텍스트 연결로 이동하고자 하는 곳의 위치를 지정합니다. 그런 다음 웹 브라우저에서 나타낼 텍스트를 쓰고 </a>로 태그를 닫아주면 됩니다.
특별한 변형을 가하지 않는 경우 텍스트는 파란색을 띠며 밑줄선이 그러져 있습니다.
◎ 링크의 색상을 지정해주기
색상을 지정하지 않으면 링크는 파란색을 띠고 밑줄선이 그려집니다. 하지만 <body> 태그에 link, vlink, alink 속성을 이용하면
선택되었던 링크와 선택되지 않은 링크의 색상을 독특한 색상으로 변경할 수 있습니다.
link는 사용자가 선택하지 않은 상태의 색상을 지정하며, vlink는 한번이라도 방문했던 상태의 색상을 지정합니다.
alink는 마우스로 누르고 있는 상태에서의 링크 색상을 지정합니다.
예문)
<body link="색상" vlink="색상" alink="색상"> </body>
◎ 다른 홈페이지로 연결하기
HTML 문서 사이만 이동하는 걸 수정하면 다른 홈페이지로도 연결할 수 있습니다.
href 속성에 "링크할 곳의 파일명" 대신에 사이트를 지정하면 됩니다.
예문)
<a href="http://주소"> 텍스트 </a>
▽▼ 해당 링크를 클릭하면 밑에 사진처럼 이동이됩니다. ^^
'유용한정보 > IT / PC' 카테고리의 다른 글
| HTML 기초, <table>의 기본구조와 <table> <tr> <td> 태그 (15번째) (0) | 2014.07.17 |
|---|---|
| HTML 기초, 하이퍼링크 <A> 태그와 다양한 속성활용방법 ② (14번째) (2) | 2014.07.14 |
| HTML 기초, <img>태그속성 align, vspace, hspace, width, height (12번째) (1) | 2014.07.14 |
| HTML 기초, <img>태그와 src, alt, border 속성 (11번째) (4) | 2014.07.11 |
| HTML 기초, <marquee> 태그를 사용해 움직이는 글자만들기 ( 10번째 ) (2) | 2014.07.01 |
