더보기
HTML의 하이퍼 링크 관련 태그에 대해 알아보자
하이퍼 링크란?
✔️ 문서에서 또 다른 문서로 클릭만으로 이동될 수 있게끔 연결시켜 놓은 제일 핵심적인 기능
✔️ 텍스트 문구를 클릭해 이동하는 방법, 이미지를 클릭해 이동 가능, 현재 페이지 내에서도 링크를 통해 이동 가능
<a 태그를 이용한 하이퍼 링크 테스트>
<a href="1_글자관련태그.html">글자 관련 태그</a>
<a href="2_목록관련태그.html">목록 관련 태그</a>
<!-- 1, 2가 옆으로 나란히 만들어지므로 인라인 요소임 -->
인터넷이 연결된 상황이라면 현재 서비스되고 있는 웹 페이지도 링크 가능
<ul>
<li><a href="http://www.naver.com">네이버로 이동</a></li>
<li><a href="http://www.google.com" target="_blank">구글로 이동</a></li>
<!-- target="_blank": 새 창 열기 속성
target="_self" : 현재 창에서만 이동, 기본값 -->
</ul>
이미지를 클릭해서 웹 페이지 링크 연결하기
<a href="http://www.w3schools.com" target="_blank">
<img src="resources/image/flower.jpg" width="200px">
</a>
<hr>
한 페이지 내에서 점프하는 앵커 만들기
<h3 id="menu">한 페이지 내에서 점프하는 앵커 만들기</h3>
<ul>
<li><a href="#content1">본문내용1</a></li>
<li><a href="#content2">본문내용2</a></li>
<li><a href="#content3">본문내용3</a></li>
</ul>
<h4 id="content1">본문내용1</h4>
<div>
북간도에 무덤 가득 라이너 있습니다. 이국 너무나 밤을 별 까닭입니다. 내 하나 오면 새겨지는 나의 버리었습니다. 둘 하나에 하나에 있습니다. 멀리 이름과 위에도 소학교 어머니, 계십니다. 옥 하나에 써 않은 내 거외다. 위에 그러나 언덕 묻힌 헤일 하나에 거외다. 내린 불러 이네들은 덮어 계십니다. 하나에 나는 별들을 오면 많은 거외다. 소녀들의 어머님, 별 나의 하나에 별 슬퍼하는 가을로 나의 거외다. 이름과, 다 한 별을 언덕 언덕 버리었습니다.
내 나의 아름다운 덮어 까닭입니다. 밤이 보고, 가슴속에 나의 이름을 거외다. 별빛이 이름자를 새워 한 덮어 버리었습니다. 애기 헤일 딴은 벌레는 나의 별 하나의 계집애들의 우는 봅니다. 차 하나에 나의 벌써 이름과, 잔디가 나는 불러 봅니다. 봄이 이름과, 옥 언덕 있습니다. 그러나 어머니 위에 가난한 슬퍼하는 별을 까닭입니다. 같이 없이 별이 아무 계십니다. 별이 한 내 위에 잠, 슬퍼하는 밤을 쉬이 하나에 까닭입니다. 지나고 것은 까닭이요, 하나에 다하지 별 프랑시스 까닭입니다.
별 별빛이 걱정도 언덕 딴은 봅니다. 오는 아직 이국 별들을 까닭입니다. 가을 너무나 별빛이 봅니다. 별 쓸쓸함과 했던 멀리 이름과, 시인의 봅니다. 이네들은 하나에 강아지, 사람들의 가득 이런 오는 봅니다. 시인의 추억과 마리아 경, 된 별을 별에도 있습니다. 새워 내 별들을 까닭입니다. 당신은 이런 겨울이 토끼, 무엇인지 이름과 별 있습니다. 시와 내일 프랑시스 오는 멀리 언덕 봅니다. 오면 된 속의 쓸쓸함과 그리워 보고, 듯합니다. 헤는 다 써 다 하늘에는 까닭이요, 아침이 마리아 봅니다.
피어나듯이 소학교 파란 그리고 계십니다. 별을 이런 별에도 밤이 나의 있습니다. 잠, 것은 하나에 사랑과 파란 거외다. 별을 이름과, 딴은 까닭입니다. 봄이 북간도에 별 어머니, 밤이 까닭입니다. 아름다운 별들을 이름과, 때 우는 나는 버리었습니다. 별들을 동경과 무엇인지 그러나 추억과 별 이름과, 버리었습니다. 책상을 소학교 것은 우는 한 봅니다. 내 속의 하늘에는 하나에 계십니다. 이름을 별에도 아무 같이 봅니다.
어머님, 책상을 이웃 슬퍼하는 까닭이요, 사랑과 계절이 있습니다. 이름과, 노새, 까닭이요, 불러 있습니다. 밤이 이름과, 별이 까닭이요, 시인의 별 북간도에 이네들은 패, 봅니다. 오면 그리고 내 우는 아침이 무덤 별 버리었습니다. 때 말 이름과, 벌레는 청춘이 겨울이 하늘에는 이름과 별 듯합니다. 못 언덕 별을 벌써 위에 다 별에도 한 봅니다. 새겨지는 딴은 무덤 언덕 부끄러운 듯합니다. 남은 헤는 이름을 가을 별이 가난한 계십니다. 하나에 벌써 걱정도 이웃 까닭이요, 이런 오면 않은 위에 거외다. 별빛이 하나의 내린 시인의 별 속의 이름과, 나의 있습니다.
</div>
<br><br>
<h4 id="content2">본문내용2</h4>
<div>
계절이 풀이 나는 계십니다. 언덕 이름을 소녀들의 무엇인지 소학교 것은 아무 나의 별빛이 거외다. 하늘에는 릴케 별 소녀들의 프랑시스 마리아 듯합니다. 벌레는 딴은 가난한 있습니다. 나는 풀이 노루, 까닭이요, 아직 계십니다. 그리고 다하지 헤는 이름자를 까닭입니다. 시와 이름과, 위에도 노새, 내 오는 나는 가득 무덤 봅니다. 어머님, 파란 잠, 흙으로 그리워 새워 이 까닭입니다. 별들을 별에도 하나에 위에 거외다. 걱정도 다 이름과 이웃 별들을 덮어 했던 릴케 파란 봅니다.
무성할 이름과, 이름과, 언덕 했던 까닭입니다. 지나가는 피어나듯이 하나에 청춘이 이제 별 것은 이름과, 버리었습니다. 릴케 계절이 덮어 이런 그리고 별 라이너 있습니다. 못 하나에 덮어 라이너 까닭이요, 나는 내일 이름을 듯합니다. 밤을 지나가는 덮어 오면 있습니다. 것은 남은 오면 별 파란 아침이 까닭입니다. 그러나 때 멀리 묻힌 듯합니다. 지나가는 사랑과 북간도에 동경과 아침이 까닭입니다. 위에 우는 이름자 자랑처럼 마리아 그러나 나의 듯합니다. 쉬이 계집애들의 아침이 걱정도 남은 언덕 풀이 토끼, 가득 봅니다. 새겨지는 묻힌 풀이 추억과 하늘에는 봅니다.
아이들의 계절이 다하지 옥 까닭입니다. 아침이 잠, 추억과 잔디가 멀리 별 멀리 우는 가득 듯합니다. 무성할 이름과, 가난한 어머니, 계십니다. 별 나는 비둘기, 내일 겨울이 파란 위에 있습니다. 이름자 이웃 한 아침이 새겨지는 풀이 버리었습니다. 파란 가난한 당신은 나는 내 풀이 별빛이 듯합니다. 밤을 아침이 이런 있습니다. 멀듯이, 나는 계절이 이웃 패, 흙으로 시인의 봅니다. 하늘에는 까닭이요, 하나에 노새, 아직 말 라이너 있습니다.
</div>
<br><br>
<h4 id="content3">본문내용3</h4>
<div>
내린 북간도에 파란 가을 오는 패, 듯합니다. 사랑과 하나 청춘이 덮어 피어나듯이 그리워 나는 거외다. 멀리 시인의 속의 그리고 내 까닭입니다. 이름과, 하나에 멀리 파란 계십니다. 마리아 내린 하나에 봅니다. 다 남은 내 듯합니다. 지나고 위에도 내 겨울이 듯합니다. 이름과 이 보고, 이네들은 토끼, 불러 하나의 차 까닭입니다. 나는 슬퍼하는 이름과 했던 내 추억과 듯합니다. 동경과 이런 차 옥 별 토끼, 시와 책상을 어머니 계십니다.
별 벌레는 지나고 경, 별빛이 별 하나에 피어나듯이 나는 듯합니다. 시인의 하늘에는 너무나 지나가는 다 별 새겨지는 써 거외다. 내린 소녀들의 이웃 별에도 하나에 써 봅니다. 언덕 내 까닭이요, 하늘에는 마디씩 버리었습니다. 가슴속에 시와 하나에 그리워 이름과, 슬퍼하는 이런 듯합니다. 하나에 말 까닭이요, 헤일 버리었습니다. 하나의 별을 사람들의 다 봅니다. 이런 하나에 마리아 가난한 부끄러운 새워 사람들의 헤는 어머니 까닭입니다. 어머님, 소학교 이제 나는 써 많은 그러나 하나에 가득 버리었습니다.
하나에 이네들은 하나의 하나에 하나에 토끼, 까닭입니다. 무성할 파란 이름자 지나고 별 계십니다. 별 이웃 옥 이름을 무엇인지 어머님, 남은 소학교 별이 봅니다. 딴은 많은 봄이 내린 이런 나는 당신은 않은 자랑처럼 있습니다. 차 이런 겨울이 밤을 가슴속에 강아지, 있습니다. 노루, 하나에 나는 하나에 소학교 봅니다. 책상을 한 남은 계십니다. 마리아 강아지, 새겨지는 불러 있습니다. 언덕 우는 지나가는 시와 나의 나의 한 못 무성할 계십니다. 북간도에 이름과, 했던 이런 언덕 잠, 못 새워 속의 있습니다.
무엇인지 못 별 이름자 지나고 동경과 묻힌 했던 듯합니다. 말 소학교 헤일 이름과 잔디가 이름을 계십니다. 우는 아스라히 비둘기, 나의 않은 별 멀리 까닭입니다. 릴케 새워 무성할 사랑과 하늘에는 별이 거외다. 계절이 위에 별을 까닭입니다. 벌레는 북간도에 하나에 있습니다. 써 멀리 멀리 어머니, 헤는 불러 된 까닭입니다. 내 자랑처럼 오는 무덤 하나 계집애들의 다 있습니다. 오면 밤을 그리고 아무 노새, 이름자를 책상을 한 거외다. 무엇인지 어머니 가슴속에 별 책상을 봅니다. 어머니, 너무나 하나의 나는 계집애들의 다 오면 이런 별 봅니다.
</div>
<br><br>
<a href="#menu">목록으로 올라가기</a>
<index.html 실습>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>index</title>
</head>
<body>
<h1>HTML 수업 내용</h1>
<hr>
<ol>
<li><a href="1_글자관련태그.html">글자 관련 태그</a></li>
<li><a href="2_목록관련태그.html">목록 관련 태그</a></li>
<li><a href="3_표관련태그.html">표 관련 태그</a></li>
<li><a href="4_이미지및멀티미디어관련태그.html">이미지 및 멀티미디어 관련 태그</a></li>
<li><a href="5_입력양식및폼관련태그.html">입력 양식 및 폼 관련 태그</a></li>
<li><a href="6_영역관련태그.html">영역 관련 태그</a></li>
<li><a href="7_하이퍼링크관련태그.html">하이퍼링크 관련 태그</a></li>
</ol>
</body>
</html>