하이퍼링크태그

2024. 5. 17. 18:21HTML

a(anchor : 연결, 고정) 태그

 

- 현재 HTML문서와 다른 HTML 문서를 연결 시켜 페이지를 이동할 수 있게 만드는 태그
- a 태그로 감싸진 글/내용을 하이퍼텍스트로 연결(하이퍼링크를 통해서)
     * 하이퍼링크 : hyper(최고의) link(연결)

a 태그 사용

- href="연결하고자하는 웹사이트 주소나 html파일이름 작성"
- target="_blank" 새 탭에서 열기
 * href = Hypertext Referrence : 연결할 주소를 지정하는 속성

# : 
- HTML에서 주로 페이지 내부의 특정 위치로 이동할 때 사용
- 단독으로 사용하면 현재 페이지의 맨 위로 이동하거나
- 페이지에서 특정 요소로 이동할 수 있음
- 스크롤 효과나 페이지 안에서 탐색할 때 사용
   <a href="#"> 페이지 맨 위로 이동</a>

#변수명 : 
- a태그를 제외한 모든 태그에서(a태그도 가능하긴 함) id="변수명"으로 이동하는 속성
- 만약 일치하지 않으면 이동하지 않음

id : 
- id는 다른 태그에서 id 변수명을 불러올 때 맨 앞에 #을 붙여서 사용
- class는 다른캐그나 속성에서 class변수명을 불러올 때 맨 앞에 .을 붙여서 사용

 

 

'HTML' 카테고리의 다른 글

입력관련태그(button, textarea)  (0) 2024.05.17
입력관련태그 (form, input)  (0) 2024.05.17
영역관련태그  (0) 2024.05.17
iframe  (0) 2024.05.17
비디오관련태그  (0) 2024.05.17