본문 바로가기

HTML / CSS / Java Script

img 그림 태그에 url 하이퍼링크 포장하기?

URL로 하이퍼링크 연결

하이퍼링크는 HTML의 가장 중요한 기능 중 하나이다.
글자나 그림에 필요한 정보를 다양한 형태로 연결할 수 있어요.
하이퍼링크는 글자뿐만 아니라 각종 멀티미디어 요소도 링크할 수 있습니다.


형식


<a href="연결할파일이나 URL">링크를 걸 글자나 그림</a>

하이퍼링크 태그의 기본은 <a>,</a>입니다.
<a>만 사용한다고 해서 무조건 이동하는 것이 아니라 속성을 이용해서 이동할 경로를 지정해야 함.
HTML 문서에서 링크를 설정하면 파란색 밑줄이 나타나도록 되어있습니다.
그러나 CSS 스타일을 이용하면 링크 글자의 색상을 바꿀 수도 있고 밑줄이 안 생기게 할수도 있습니다.
하이퍼 링크를 설정할 때에 경로를 잘못 지정하면 문서가 나타나지 않으므로 경로를 지정할 때 실수하면 안 돼요.



그림 삽입 태그인 <IMG>에 <A>태그를 포장하면 돼요.


예를들어
<A HREF="http://blog-pleur.tistory.com/33"><IMG SRC="..." WIDTH="" HEIGHT="" BORDER="0" ALT=""></A>

하이퍼링크연결


위그림에 이글을 링크한거에요.

추가

새 창으로 링크 띄우기 (target="_blank")


<a href="연결할파일이나 URL" target="_blank">링크를 걸 글자나 그림</a>

특정 위치로 이동


<a name="이름">내용</a>
<a name="#이름">연결한 내용을 알수있는 문자나 그림</a>

문서의 맨 위로 이동


<a href="#top">위로</a>