1.Hyperlink
한 텍스트에서 다른 텍스트로 건너뛰어 읽을 수 있는 기능
<a href="https://www.google.com/">구글</a>
구글
2.href 속성
이동하고자하는 파일의 경로(path)를 받는다.
절대 경로, 상대 경로 , fragment id , 메일, script의 요소가 올수있다.
<a id="first" href="https://www.google.com/">절대경로</a>
<a href="./study_01_text.html">상대경로</a>
<a href="#first">첫번째로</a>
<a href="mailo:asdsad@asdasd.com?Subject="asasd"">메일</a>
<a href="javascript:alert();">Javascript</a>
절대경로
상대경로
첫번째로
메일
Javascript
2-1.디렉터리
루트 디렉터리 | C:\ |
홈 디렉터리 | C:\Users\계정명 |
작업 디렉터리 | ./ |
부모 디렉터리 | ../ |
2-2.파일 경로
절대경로
현재 작업 디렉터리와 상관없는 파일의 절대적인 위치(루트 디렉터리 기준)
상대경로
현재 작업 디렉터리를 기준으로한 상대적인 위치
3.target 속성
해당 링크를 클릭했을때 윈도우의 오픈방식을 지정
3-1._self
현재 윈도우에서 오픈한다.(기본값)
<a href="https://www.google.com/" target="_self">창이동</a>
창이동
3-2._blank
새 윈도우나 탭에서 오픈한다.
<a href="https://www.google.com/" target="_blank">새창</a>
새창
반응형
'FrontEnd > html' 카테고리의 다른 글
[HTML] 목록, 테이블 (0) | 2024.06.04 |
---|---|
[HTML] 텍스트 태그 (1) | 2024.06.03 |
[HTML] 시맨틱 웹(Semantic Web) (0) | 2024.06.03 |