학습 자료

button 태그

<button> 태그는 웹 페이지가 사용자와 상호 작용하는 버튼입니다.

예를 들어 사용자가 버튼을 클릭하면 서버로 데이터를 보내거나, 화면 전환 등의 동작을 수행할 수 있습니다.


button 태그 사용 예제
<button>클릭하세요!</button>

위 코드는 "클릭하세요!"라는 텍스트를 포함한 버튼을 생성합니다.


버튼에 기능 추가하기

버튼 자체는 단순한 클릭 가능한 요소일 뿐입니다. 실제로 무언가 특별한 동작을 수행하려면 자바스크립트(JavaScript)와 같은 프로그래밍 언어를 사용해야 합니다.

예를 들어 버튼을 클릭할 때 경고 메시지를 표시하게 하려면 다음과 같이 작성할 수 있습니다.

클릭 시 경고 메시지 표시
<button onclick="alert('버튼이 클릭되었습니다!')">클릭하세요!</button>

코드의 별표로 강조된 부분을 따라 입력해 보세요.

Mission
0 / 1

<button> 태그는 별도 프로그래밍 없이 특정한 동작을 수행할 수 있는 기능을 제공한다.

학습 자료

AI 튜터

디자인

업로드

수업 노트

즐겨찾기

도움말

HTML
CSS
Loading...