태그공부방입니다

 로그인  회원가입

링크 태그의 기본
jjy5  2010-09-05 20:22:55, 조회 : 210, 추천 : 56

jj

[링크태그의 기본 ]

링크란.."하이퍼링크" 를 줄인 말입니다. 그럼 하이퍼링크는 뭘까요?

여러분들이 웹서핑을 하면서 글자나 그림을 클릭하면 다른 웹페이지나 그림이 나오죠?

그 것이 바로 하이퍼링크를 해 놓은 것입니다.

다시말하면 일정부분을 다른 부분에 연결해주는 통로입니다.

하이퍼링크를 이용해서 웹페이지 끼리, 웹사이트 끼리 연결 시켜준 것 입니다.

링크태그의 기본은 태그입니다.

근데요... 만을 사용하면 아무것도 나타나지 않습니다.

어느 곳으로 연결시켜줄 것인가를 지정해주어야 합니다...

이걸 지정해주는 속성이 href="주소" 입니다.

잘 모르시겠다구요??? 그럼 강사와 함께 같이 한번 해 볼까요?

"http://iakizaki.com.ne.kr/main.html">여기를 누르세용

여기를 누르세용

위에 "여기를 누르세용"을 클~릭 하시면 부산진 중급반 홈페이지가 나오는 걸 볼 수 있을 거예요...

그런데... 한가지 아쉬운 점은 현재의 같은 페이지에서 나오니까 불편하다는 거지요...

이런 불편한 점을 해결하기 위해선 target 이라는 속성을 사용해주면 됩니다.

target="_blank" 를 태그명령어 안에 추가시면 링크된 부분이 새로운 창으로 나오게 됩니다...

[링크태그 속성 지정 ]

타겟 속성은 링크태그와 밀접한 관계에 있는 속성입니다.

특히 프레임 태그에서는 초보분들이 가장 많이 어려워하시는게 이 target 속성 이랍니다.

일단 여기에서는 매직타겟에 대해서만 설명하도록 하겠습니다.

매직타겟이란 별도의 name 지정없이 target을 지정할 수 있는 속성을 말합니다.

이렇게 사용하시면 되구요....

target="_blank"title="링크할 내용">

쉽지요??? 밑에 있는 속성들을 위의 파랑 부분에 바꿔 넣으시면 되구요...

title="내용"은 링크할 곳에 마우스 가져다 놓으면 설명하는 글이 나오잖아요... 그거예요...

태그 연습장에서 꼭 연습해 보세요....^^

  • target="_blank" 혹은 target="new"

    : 새로이 로딩될 내용을 새로운 익스플러워창에 나타내주는 것입니다.
  • target="_self"

    : 현재의 화면에 새로운 내용을 나타내어줍니다.
  • target="_top"

    : 현재의 화면이 프레임화면일때(여기처럼 나누어진 화면) 현재의 프레임이 없어지고
    전체하나의 화면에 내용이 나타나는 것입니다.
    "_blank"처럼 새로운 익스플러워창이 새로 생기는 것이 아니라
    자신의 화면에서 프레임으로 분할된 것이 없어지고
    전체 화면에 표시됩니다.
  • target="_parent"

    : 링크 부분이 있는 프레임에 새로운 프레임이 만들어져 새로운 내용을 표시합니다.
    이 옵션은 부모계층에 해당하는 에 페이지를 로드합니다.


  추천하기   목록보기

번호 제목 작성자 작성일   추천 조회
22  그림안에서 글 올리기    jjy5 2010/09/05 72 221
21  글자의 특별한 효과 설명    jjy5 2010/09/05 72 233
20  프레임 가로 나누기    jjy5 2010/09/05 51 208
19  프레임 세로 나누기    jjy5 2010/09/05 52 201
18  프레임 태그의 속성    jjy5 2010/09/05 56 200
17  테이블(table)태그의 활용    jjy5 2010/09/05 49 211
16  테이블(table)태그의 기본    jjy5 2010/09/05 52 204
 링크 태그의 기본    jjy5 2010/09/05 56 210
14  embed 의 속성    jjy5 2010/09/05 51 196
13  사운드(음악)태그의 종류    jjy5 2010/09/05 59 266
12  사운드(음악)태그의 기본    jjy5 2010/09/05 55 199
11  이미지를 배경으로, 배경에 색상넣기    jjy5 2010/09/05 56 211
10  이미지 태그의 속성    jjy5 2010/09/05 54 207
9  이미지 태그의 기본형식    jjy5 2010/09/05 53 203
8  특수문자    jjy5 2010/09/05 50 220
7  마퀴태그(Marquee)    jjy5 2010/09/05 56 202
6  예쁜글씨 만들기    jjy5 2010/09/05 121 298
5  글자크기, 모양, 색상지정    jjy5 2010/09/05 19 150
4  RGB 색상표    jjy5 2010/09/05 25 143
3  글자태그(Text)의 기본 형식    jjy5 2010/09/05 34 124

    목록보기   다음페이지 1 [2]
       

Copyright 1999-2018 Zeroboard / skin by zero