Как да направите бутон в HTML за да изтеглите файл

Видео: Create amazing buttons in Google Sites

Съдържание

инструкции
съвети
Какво ви трябва
Позоваването
средства

Уеб дизайнерите често използват бутони, вградени в HTML документи за функционални и естетически причини. Освен че предлага на потребителите визуално приятен начин за изпращане на информация или вземане на решения, бутоните позволяват различна функционалност, базирана на взаимодействието с потребителя. В тази статия HTML бутонът ще позволи на потребителя да изтегли файл, когато бъде натиснат.

инструкции

Бутоните са полезни и гъвкави HTML компоненти (Hemera Technologies / PhotoObjects.net / Getty Images)

Създайте HTML файла в текстов редактор, като например Notepad. Основният файл трябва да съдържа най-малко "html" и "body" маркери:

>

Маркерът „бутон“ съдържа информацията, която описва бутона. В този случай, бутонът е от родов тип "бутон" и името му е "Изтегляне". Думите между "" маркерите ще се появят в бутона, когато страницата се показва в браузър.
Уверете се, че бутонът сочи към файл, когато потребителят кликне върху него. За да направите това, добавете събитие "onClick":

Събитието "onClick" ще се изпълнява, когато потребителят кликне върху бутона. В този случай ще се отвори нов прозорец, сочещ към адреса на файла.
Запазете файла и го отворете в уеб браузъра си. Запазете с разширението „html“ (например „test.html“). Отворете го в браузъра. Бутонът ще се появи в горния ляв ъгъл на прозореца и кликването върху него ще препрати потребителя към файла и ще започне процеса на изтегляне.

съвети

Този код може да бъде копиран и поставен във всеки HTML документ. Прочетете уебсайта на "W3C Schools" (w3schools.com), за да научите повече за това, което могат да направят HTML бутоните.