Hyper Link (하이퍼 링크)
글자와 그림에 하이퍼 링크를 만들어 다른 웹사이트로
연결하거나 이미 만들어진 HTML 문서를 연결 합니다.
형식
.글자에 하이퍼링크
<A href="URL" target="링크 방법"> 글내용</A>
.그림에 하이퍼 링크
<A href="URL" target="링크 방법"> IMG src="URL"></A>
. URL : 하이퍼링크로 연결할 HTML 문서,그림,다른파일의 경로를 지정 필수요소
. target : 다른 브라우저 창이나 프레임 셋에 위치한 프레임을 지정하여 지정한 URL 이 나타나게한다
. _blank : 새로운 웹 브라우져 창에 하이퍼 링크로 연경한 문서가 나타나게 한다
_blank = > 언더바 블랭크는 새로운창을 계속해서 띄우고
blank => 그냥 블랭크는 새로운창을 띄운후 새롭게 띄운창을 계속해서 사용한다.
. _parent : 프레임 문서의 구조에서 하이퍼링크로 연결한 문서를 현재 프레임이 포함된
상위 프레임창에 나타나게 한다.
. _top : 프레임 문서 구조라 하더라도 웹 브라우저 전체 창 형태로 하이퍼링크로 연결한 문서를 나타나게한다.
. _self : 현재의 웹 브라우저 창에 하이퍼링크로 연결한 문서를 나타나게한다.
. 프레임이름: 프레임 구조의 문서에서 지정한 프레임 창에 하이퍼 링크로 연결한 문서를 보여준다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>글자와 그림에 하이퍼링크 만들기</title>
</head>
<body>
1.글자에 다른 웹사이트로 이동하는 하이퍼링크 만들기<br>
<A href="http://daum.net" target="_blank"> 다음 사이트</A><br>
2.그림에 다른 웹사이트로 이동하는 하이퍼 링크 만들기 <br>
<A href="http://www.daum.net">
<IMG src="../images/banana.png" border="0" /></A><br>
3.글자에 html_11.html 로 이동하는 하이퍼 링크 만들기<br>
<A href="../html_11/ht_26.html"> 어제 만든 HTML</A>
<br>
4. 그림에 html_12.html 로 이동하는 하이퍼 링크 만들기<br>
<A href="../html_11/ht_20.html">
<IMG src="../images/cat.png"/></A><br>
5.글자에 다른 웹사이트로 이동하는 하이퍼링크 만들기 (_blank)<br>
<A href="http://naver.com" target="_blank"> 네이버사이트</A><br>
6.그림에 다른 웹사이트로 이동하는 하이퍼 링크 만들기 (blank) <br>
<A href="http://www.naver.com" target="blank">
<IMG src="../images/캡처.png" border="0" /></A><br>
</body>
</html>
위에 html 코드를 chrome 으로 연결해서 출력하면 아래처럼 나온다.
하이퍼 링크 코드를 통해 링크를 생성가능하다.
'국비 과정 > HTML & CSS' 카테고리의 다른 글
| HTML (나만의 홈페이지 만들기) (0) | 2022.09.22 |
|---|---|
| 국비 - 0913 ( Video / Audio / FormTag ) (3) | 2022.09.13 |
| 국비 - 0908 ( HTML META DATA 삽입 ) (0) | 2022.09.08 |
| 국비 - 0906 ( HTML ) (0) | 2022.09.06 |
