재유's

[HTML] 링크태그 <a> 본문

IT Story/　: : HTML5

[HTML] 링크태그 <a>

Stella_NY 2019. 1. 10. 14:52

링크 태그

글씨나 이미지등을 클릭했을 때 다른 새로운 페이지로 넘어가는 태그

<a href ="링크주소" [target="_blank"]>... 내용 ....</a>


 링크태그 속성

 의미

 href

 링크할 주소(url)나 문서 경로값을 넣는 곳

 target

 링크할 페이지를 어떤 방식으로 열지 지정

 name

 이름으로 페이지를 열때 열릴 부분을 지정


링크 주소는 같은 사이트 내의 파일을 지정할 경우는 상대경로, 절대경로 사용가능.

- 웹에서는 절대경로는 http(s):// 부터 시작되는 온라인 상의 주소를 의미한다.

다른 사이트 주소를 명시할 경우 절대경로 형식만 가능


target속성은 여러가지가 있었지만 HTML5에 와서 _blank 하나만 남았다고 한다.

target="_blank" 라고 지정해주면 새창(새탭)에 링크를 띄운다.

target 속성을 쓰지않으면 현재탭에서 창을 띄운다.


만약 하이퍼 링크가 여러가지인데 전부 target="_blank"를 써야되는 경우 (아래의 경우)

<A HREF = "https://www.naver.com" target="_blank">네이버 </A>
<A HREF = "https://www.daum.net" target="_blank">다음 </A>
<A HREF = "https://www.nexon.com" target="_blank">넥슨</A>

<head></head> 부분에

<base target="_blank">를 사용 하면 target="_blank"가 기본속성이 된다.

<HTML>
<HEAD>
 
<BASE TARGET="_blank">
 
</HEAD>
<BODY>
 
<A HREF = "www.naver.com">네이버 </A>
<A HREF = "www.daum.net">다음 </A>
<A HREF = "www.nexon.com">넥슨</A>
<A HREF = "www.netmarble.net">넷마블</A>
 
</BODY>
</HTML>


저작자표시

'IT Story > 　: : HTML5' 카테고리의 다른 글

[HTML/JSP] 입력양식 FORM  (0) 2019.01.15
[HTML] 표 그리기  (0) 2019.01.10
[HTML] 단락 나누기 2  (0) 2019.01.10
[HTML] 단락 나누기  (0) 2019.01.09
[HTML] HTML의 기본  (0) 2019.01.09
공유하기 링크
'IT Story/　: : HTML5' Related Articles more
Comments