반응형
웹사이트에서 버튼이나 글씨를 클릭할때 이동을 하는 것을 많이 보실꺼예요.
현재 문서에서 다른 문서로 가기 위해서는 <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) (2) | 2015.07.24 |