반응형

웹사이트에서 버튼이나 글씨를 클릭할때 이동을 하는 것을 많이 보실꺼예요.

 

현재 문서에서 다른 문서로 가기 위해서는 <a>가 필요합니다.

<a>는 'href' 의 속성으로 대부분 <a href="URL">로 경로를 지정하면 쉽게 구현할 수 있습니다.

 

 

1. 웹 페이지 절대 경로

'http://도메인주소' 의 형식으로 링크주소를 입력해주면 됩니다.

<a href="http://google.co.kr">구글로 바로가기</a>

 

아래는 결과입니다. 한번 클릭해보세요 구글로 링크될거예요~

 

구글로 바로가기

 

 

2. 웹 페이지 상대경로

 

'/도메인주소/*.html' or '폴더명/파일명' 의 형식으로 입력해주면 됩니다.

<a href="test/test.html"> test 사이트 </a>

 

 

3. E-메일 계정

 

메일 계정을 연결 할때는 'mailto:이메일주소' 를 사용하면 됩니다.

<a href="mailto:test@naver.com"> test@naver.com </a>

 

 

4. 파일 연결하기

 

*.exe 같은 실행 파일은 실행이 되고, 그렇지 않으면 다운로드가 됩니다.

<a href="/folder/abc.exe"> abc 다운받기 </a>

 

이렇게 4개면 링크하는 것이 끝났다고 할 수 있습니다.

 

다음시간에는 이미지 삽입에 대해 배워보겠습니다~

반응형

'프로그래밍 > HTML5' 카테고리의 다른 글

아이프레임  (0) 2015.08.14
이미지 요소들  (0) 2015.08.10
테이블 요소  (0) 2015.08.02
HTML5 기본 태그(3)  (0) 2015.07.27
HTML5 기본 태그(2)  (0) 2015.07.24

+ Recent posts