<body>
<h1>텍스트 링크 만들기</h1>
<p>
<a href="http://www.easyspub.com">
이지스퍼블리싱 홈페이지(현재 화면)
</a>
</p>
<!-- target="_blank" => 기존 탭은 그대로 두고, 새탭이 생기면서 이동 -->
<p>
<a href="http://www.easyspub.com" target="_blank">
이지스퍼블리싱 홈페이지(새 탭)
</a>
</p>
</body>
top 활용
parent.html
<body>
<h1>Do it! 지옥에서 온 문서 관리자 깃&깃허브 입문</h1>
<p>
아래 화면은 iframe 태그를 이용해 외부 문서를 현재 문서에 삽입한 것입니다.
</p>
<br><br>
<!-- iframe : html 문서를 삽입할때 사용 -->
<iframe src="child.html" width="600" height="620"></iframe>
</body>
child.html
<body>
<img src="images/git.jpg" alt="">
<br><br>
<h2>문서 지옥, 깃&깃허브로 하루 안에 탈출한다.</h2>
<p>1시간이면 초보 탈출, 5시간이면 기본 활용법 완전 정복!</p>
<p>자주 쓰는 기능을 모두 담아 한 권에 끝낸다!</p>
<p>
<!-- <a href="http://www.easyspub.co.kr/20_Menu/BookView/539/PUB"> -->
<!-- coupang : iframe 허용됨 -->
<a href="http://www.coupang.com">
도서 상세 보기(현재 화면에)
</a>
</p>
<p>
<!-- target="_top" => 부모 창 전체를 사용해서 이동 -->
<a href="http://www.easyspub.co.kr/20_Menu/BookView/539/PUB" target="_top">
도서 상세 보기(전체 화면에)
</a>
</p>
</body>
한 페이지 안에서 점프하기 - 앵커
앵커를 사용하려면 우선 이동하고 싶은 위치마다 id 속성을 이용해 앵커를 만듦.
<a> 태그의 href 속성을 사용해 링크함. 단, 앵커 이름 앞에 #을 붙여 앵커 표시.
기본형 < 태그 id="앵커 이름"> 텍스트 또는 이미지 </태그> <a href="#앵커 이름"> 텍스트 또는 이미지 </a>
<body>
<h1>앵커 만들기</h1>
<p>
웹 문서가 너무 길 경우 필요한 곳마다 문서 안에 이름을 붙여놓고
그 위치로 한번에 이동하는 링크를 만들 수 있는데, 이 기능을
앵커(anchor)라고 합니다.
</p>
<ul id="menu">
<!-- #content1 -> id="content1"로 찾아감 -->
<li><a href="#content1">메뉴1</a></li>
<li><a href="#content2">메뉴2</a></li>
<li><a href="#content3">메뉴3</a></li>
</ul>
<h2 id="content1">내용1</h2>
<p>
웹 문서가 너무 길 경우 필요한 곳마다 문서 안에 이름을 붙여놓고
그 위치로 한번에 이동하는 링크를 만들 수 있는데, 이 기능을
앵커(anchor)라고 합니다.
</p>
<p>
웹 문서가 너무 길 경우 필요한 곳마다 문서 안에 이름을 붙여놓고
그 위치로 한번에 이동하는 링크를 만들 수 있는데, 이 기능을
앵커(anchor)라고 합니다.
</p>
<p>
웹 문서가 너무 길 경우 필요한 곳마다 문서 안에 이름을 붙여놓고
그 위치로 한번에 이동하는 링크를 만들 수 있는데, 이 기능을
앵커(anchor)라고 합니다.
</p>
<p><a href="#menu">[메뉴로]</a></p>
<h2 id="content2">내용2</h2>
<p>
웹 문서가 너무 길 경우 필요한 곳마다 문서 안에 이름을 붙여놓고
그 위치로 한번에 이동하는 링크를 만들 수 있는데, 이 기능을
앵커(anchor)라고 합니다.
</p>
<p>
웹 문서가 너무 길 경우 필요한 곳마다 문서 안에 이름을 붙여놓고
그 위치로 한번에 이동하는 링크를 만들 수 있는데, 이 기능을
앵커(anchor)라고 합니다.
</p>
<p>
웹 문서가 너무 길 경우 필요한 곳마다 문서 안에 이름을 붙여놓고
그 위치로 한번에 이동하는 링크를 만들 수 있는데, 이 기능을
앵커(anchor)라고 합니다.
</p>
<p><a href="#menu">[메뉴로]</a></p>
<h2 id="content3">내용3</h2>
<p>
웹 문서가 너무 길 경우 필요한 곳마다 문서 안에 이름을 붙여놓고
그 위치로 한번에 이동하는 링크를 만들 수 있는데, 이 기능을
앵커(anchor)라고 합니다.
</p>
<p>
웹 문서가 너무 길 경우 필요한 곳마다 문서 안에 이름을 붙여놓고
그 위치로 한번에 이동하는 링크를 만들 수 있는데, 이 기능을
앵커(anchor)라고 합니다.
</p>
<p>
웹 문서가 너무 길 경우 필요한 곳마다 문서 안에 이름을 붙여놓고
그 위치로 한번에 이동하는 링크를 만들 수 있는데, 이 기능을
앵커(anchor)라고 합니다.
</p>
<p><a href="#menu">[메뉴로]</a></p>
</body>
