button 태그
<button>
태그는 웹 페이지가 사용자와 상호 작용하는 버튼입니다.
예를 들어 사용자가 버튼을 클릭하면 서버로 데이터를 보내거나, 화면 전환 등의 동작을 수행할 수 있습니다.
button 태그 사용 예제
<button>클릭하세요!</button>
위 코드는 "클릭하세요!"라는 텍스트를 포함한 버튼을 생성합니다.
버튼에 기능 추가하기
버튼 자체는 단순한 클릭 가능한 요소일 뿐입니다. 실제로 무언가 특별한 동작을 수행하려면 자바스크립트(JavaScript)
와 같은 프로그래밍 언어를 사용해야 합니다.
예를 들어 버튼을 클릭할 때 경고 메시지를 표시하게 하려면 다음과 같이 작성할 수 있습니다.
클릭 시 경고 메시지 표시
<button onclick="alert('버튼이 클릭되었습니다!')">클릭하세요!</button>
코드의 별표로 강조된 부분을 따라 입력해 보세요.
Mission
0 / 1
<button>
태그는 별도 프로그래밍 없이 특정한 동작을 수행할 수 있는 기능을 제공한다.
○
✕
학습 자료
AI 튜터
디자인
업로드
수업 노트
즐겨찾기
도움말