학습(공부)하는 블로그 :: 10. 하이퍼링크(Link) 태그
 

 

Notice»

Recent Post»

Recent Comment»

Recent Trackback»

11-30 20:17

반응형

1. 링크태그의 기본형식


○ 하이퍼링크란 : 인터넷 서핑을 하다보면 글자나 그림을 클릭하면 다른 웹페이지나 큰 그림으로 이동하는 것을 볼 수 있다. 이 부분이 바로 하이퍼링크를 해 놓은 부분이다. 보통 문자열에 하이퍼링크가 설정되면 파란색으로 나타나며 밑줄이 그어지게 된다. 반면 그림에 하이퍼링크가 설정되면 그림주위에 파란색의 경계선이 나타난다.


○ 링크 태그의 기본형식

 <a href="연결할 문서나 홈페이지 경로">텍스트</a>


○ 링크 태그 속성


 속  성

설     명 

 _blank 

 새 창을 열고 거기에 링크 내용을 표시

 _self

 현재 창에 일크 내용을 표시(기본값) 

 _parent

 이전 화면으로 돌아가 하이퍼링크 된 문서를 표시

 _top

 하이퍼링크된 문서를 웹 브라우저 전체화면 모드로 표시



2. 메일에 하이퍼링크 설정하기


○ 기본형식

 <a href="mailto:이메일주소">...</a>



3. 글자나 이미지 클릭 시 다운로드 받기


○ 기본형식

<a href="cokefire.exe">화면보호기</a>



4. 웹 페이지 내부로 하이퍼링크 설정하기(책갈피 기능)


○ 책갈피 기능이란?

- 하나의 html 문서가 내용이 너무 길어 한 화면에 모두 표시하지 못할 경우 문서의 특정위치에 이름을 붙여 두고, 그 곳으로 하이퍼링크시켜 이동시킬 수 있도록 하는 기능

- 특정 내용이 있는 곳으로 빨리 이동할 수 있다.


○ 기본 형식

 <A name="name에 적용할 이름"(앵커)> 텍스트 또는 이미지 </A>

 <A hfef="#name에 적용할 이름"> 텍스트 또는 이미지 </A> 





반응형

'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글

12. 표 만들기(1)  (0) 2013.02.04
11. 사운드 태그  (0) 2013.02.03
9. 이미지(Img) 태그  (0) 2013.02.01
8. 목록(List) 태그  (0) 2013.02.01
7. <marquee> 태그  (1) 2013.01.31
: