html 링크 연결 방법 정리 ( a 태그, button 태그 )

 

 

코딩을 하다보면 링크 연결해야 할 일이 많은데요!

대표적으로 a태그와 button태그가 있습니다.

 

생각보다 button 태그 경로 입력하는게 잘 안외워지네요;;;

 

 

 

---

1. a 태그

태그 페이지의 이동, 페이지 내의 다른 영역으로의 이동 등 상호작용이 필요할 경우 사용됩니다.

<a href ="#"></a>

a 태그 링크 연결 속성값
절대 주소(absolute URL)	href="https://code-ruach.tistory.com"
상대 주소(relative URL)	href=“/lecture/logo.png”
같은 페이지 내 연결에서 (id)	href=“#top” ( <p id="top"> 위치로 이동 됨)
스크립트	href=“javascript:alert(‘안녕하세요!’)”

 

 

 

2. button 태그

단순 클릭 이벤트, form요소에 입력된 내용을 서버로 전송할 때 사용됩니다

<button type="button" onclick="location.href='#' " aria-label=""></button>

 

버튼 타입 속성은

버튼 타입 속성
button	해당 버튼이 클릭할 수 있는 버튼(clickable button)임을 명시함.
submit	해당 버튼이 폼 데이터(form data)를 제출하는 제출 버튼(submit button)임을 명시함.
reset	해당 버튼이 폼 데이터를 초기값으로 리셋하는 리셋 버튼(reset button)임을 명시함.

 

 

 

---

 

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."