Web Front 4: 하이퍼링크 · 입력양식(form) 태그

하이퍼링크 관련 태그 (a)

<a> 태그는 클릭하면 연결된 곳으로 이동시키는, 웹의 가장 핵심적인 기능

속성	설명	예시
href	이동할 링크 경로	href="<https://naver.com>"
target	어느 탭에서 열지 지정	_self(기본) / _blank(새 탭)

하이퍼링크 : 페이지 내 이동 (id)

같은 페이지 안에서 특정 위치로 점프할 수 있습니다. (식별자 이동)

• 이동할 목적지에 id 속성을 부여 (id는 한 페이지에 오직 1개)
• <a href="#아이디">로 그 위치로 이동

 

 

 

입력양식 기본 : input / label

<input> 태그는 사용자에게 값을 입력받는 칸(텍스트 상자, 체크박스 등)을 만듬

함수 목록

태그	설명
<input>	값을 입력받는 요소 (type에 따라 모양이 달라짐)
<label>	입력 요소를 설명하는 글
<button>	클릭 버튼

 

💡 label을 쓰는 이유

label로 설명을 연결하면 글자를 클릭해도 해당 입력칸이 선택되어 사용성·접근성이 좋아짐.

 

---

폼(form) 관련 태그

<form>은 사용자가 입력한 값을 서버로 전송하는 영역을 정의
form 안의 submit 버튼을 누르면, 내부 input 값들이 한꺼번에 서버로 전송

속성설명

속성	설명
action	입력값을 전송할 서버 경로
method	전송 방식 (get 기본 / post)