HTML에서 파일을 다운로드하기위한 단추를 만드는 방법

콘텐츠

지침
어떻게
필요한 것
참고 문헌
항공편

웹 디자이너는 HTML 문서에 임베드 된 버튼을 기능 및 미적 이유로 사용합니다. 정보를 보내거나 의사 결정을 내리는 시각적으로 즐거운 방법을 사용자에게 제공하는 것 외에도 단추는 사용자 상호 작용을 기반으로 다른 기능을 허용합니다. 이 기사에서 HTML 버튼을 클릭하면 파일을 다운로드 할 수 있습니다.

지침

버튼은 유용하고 유연한 HTML 구성 요소입니다. (Hemera Technologies / PhotoObjects.net / Getty Images)

메모장과 같은 텍스트 편집기에서 HTML 파일을 만듭니다. 기본 파일에는 최소한 "html"및 "body"태그가 있어야합니다.

>

"button"태그는 버튼을 설명하는 정보를 포함합니다. 이 경우 버튼은 제네릭 유형 "버튼"이고 이름은 "다운로드"입니다. ""태그 사이의 단어는 페이지가 브라우저에 표시 될 때 버튼에 표시됩니다.
사용자가 클릭 할 때 버튼이 파일을 가리 키도록합니다. 이렇게하려면 "onClick"이벤트를 추가하십시오.

사용자가 버튼을 클릭하면 "onClick"이벤트가 실행됩니다. 이 경우 파일 주소를 가리키는 새 창이 열립니다.
파일을 저장하고 웹 브라우저에서 엽니 다. 확장자 "html"로 저장하십시오 (예 : "test.html"). 브라우저에서 엽니 다. 버튼이 창의 왼쪽 상단 모서리에 나타나고 버튼을 클릭하면 사용자가 파일로 전달되고 다운로드 프로세스가 시작됩니다.