링크걸기 .
*다른문서에 링크걸기
문서에 첨부할 내용이나 덧붙여 설명이 필요한 경우에 관련페이지를
연결해 놓으므로 다른사람이 편리하게 이용할 수 있음
<a> ancher
문서중에 특정한 한 부분만을 연결
속성어
hreh : 홈페이지의 주소(url)을 지정할 수 있으면 mailto을 써 메일 프로그램을 바로 실행
전자메일을 보낼수 있도록 해줍니다
target : 태그로 링크된 문서를 열때 ,어떤 위치에 문서를 출력 할지를 정해줌
링크를 지정하면 태그내 밑줄이 생기고 색깔이 변합니다
<body>태그의 속성중에 link, vlink, alink 를 사용하여 색을 바꿀수 있습니다.
link는 링크가 걸려있는 문자의 색을
vlink는 이미 방문했던 싸이트의 색을
alink는 클릭할 당시의 색을 설정합니다
속성값
-self 현재 문서가 있는 창 출력
-parent 현 문서중 상위창 출력
-blank 새창을 만들어 문서 출력
-top 현재창 전체문서 출력
갈수록 초보자에겐 이해가 부족할 수 있으니
소스를 잘보시기 바랍니다
<html>
<head>
<title> 다른 문서에 링크를 걸어봅시다 </title>
</head>
<body link="green" alink="blue" vlink="gray">
<h3>지정된 링크문자를 클릭^^^!!!!</h3>
검색엔진인 <a href="http://www.naver.com" target="_blank"> 네이버 </a>가 새창에서 뜹니다. <br>
검색엔진인 <a href="http://www.simmani.com" target="_self"> 심마니 </a>가 이창에서 뜹니다. <br>
mailto를 써서 <a href="mailto:monocafe@hanmail.net">전자우편보내기</a>를 실행시킬수 있습니다.
</body>
</html>
지정된 링크문자를 클릭^^^!!!!
검색엔진인 네이버 가 새창에서 뜹니다.
검색엔진인 심마니 가 이창에서 뜹니다.
mailto를 써서 전자우편보내기를 실행시킬수 있습니다
*같은 문서에 링크걸기
<a name>
같은 문서든 다른문서든 링크지정을 할실때는 <A>태그를 이용함
<A>태그의 속성중에 href ,name 써서 같은 문장내의 특정부위로 바로 이동할수 있습니다. 이때 href 속성값을 쓸때에는 샵(#)을 써줍니다
name 속성이 어찌 사용되는지 보세요...
<html>
<head>
<title> 같은 문서내에서 링크걸기 </title>
</head>
<body>
<a href="#1">니들이 HTML을 알어?
</a> <br>
<a href="#2">태그란 무엇이드냐 며느리도 모름
</a> <br>
<a href="#3"> HTML문서의 저작도구</a>
<br><br><br><br>
<a name="1">HTML</a>이란 Hyper Text Markup Language의 약자로 웹문서를 작성하기
위한 표준적인 언어이다. <a href="#top">[위로]</a>
<br><br><br><br>
<a name="2">태그란</a>웹문서를 만들기위한 기본골격을 이루는 것으로 일종의 명령어라
할수 있다. 태그는 브라우저상에 나타나지 않는다. <a href="#top">[위로]</a>
<br><br><br><br>
<a name="3">HTML</a>문서의 저작도구에는 메모장과 같은 단순한 기본 에디터에서 부터
이지윅 프로그램까지 다양하다. 이지윅 에는 나모 웹에디터나 디림위버등이 있다. <a href="#top">[위로]</a>
</body>
</html>
아래와 같이 됩니다 색깔이 변한곳은 모두 링크됩니다
니들이 HTML을 알어?
태그란 무엇이더냐 며느리도 모름
HTML문서의 저작도구
HTML이란 Hyper Text Markup Language의 약자로 웹문서를 작성하기 위한 표준적인 언어이다. [위로]
태그란웹문서를 만들기위한 기본골격을 이루는 것으로 일종의 명령어라 할수 있다. 태그는 브라우저상에 나타나지 않는다. [위로]
HTML문서의 저작도구에는 메모장과 같은 단순한 기본 에디터에서 부터 이지윅 프로그램까지 다양하다. 이지윅 에는 나모 웹에디터나 디림위버등이 있다. [위로]
위에 소스를 보시면 a name으로 갈곳의 이름을 정하고 a href 로 이름을 지정하면 이동하게 됩니다
같은 문서내에서는 링크지정시 href에 #을 붙여야 합니다 꼭^^잊지마세요 .
※ 해당 글의 저작권은 쇼핑몰 구상 및 운영자카페 윈SOHO에 있으며
도용 및 무단배포시 저작권법에 의거하여 권리행사가 단행 됩니다
노력하는 자 들의 모임 윈SOHO(http://cafe.naver.com/winsoho)
----------------------------------------------------------------------
-온라인 판매자들의 커뮤니티 셀클럽 http://sellclub.co.kr
-온라인 성공출발지 도매상품공급 셀프리 http://sellfree.co.kr
'컴퓨터-유용한팁 > HTML' 카테고리의 다른 글
| body태그와 Header태그 . (0) | 2015.09.05 |
|---|---|
| 목록만들기. (0) | 2015.09.05 |
| 링크와 이미지 넣기. (0) | 2015.09.05 |
| 이미지 트래지션[html] . (0) | 2015.09.05 |
| 클릭하면 닫히는 공지창[html] . (0) | 2015.09.05 |