Erstellen Sie eine Schaltfläche "Drucken" auf einer Webseite

Eine Schaltfläche "Drucken" auf Ihrer Webseite kann Ihre Besucher schnell den Inhalt der Seite drucken. Wenn die Schaltfläche gedrückt wird, öffnet sich Druckdialog des Browsers. Dann ist alles, was der Benutzer tun muss sein Drucker aus der Liste auswählen, ändern Sie die Eigenschaften, wenn er es wünscht und klicken Sie auf "OK", um die Web-Seite zu drucken.

Anweisungen

1 Öffnen Sie die Datei, die den HTML-Code für Ihre Webseite in einem nur-Text oder HTML-Editor enthält.

2 Gehen Sie zu Abschnitt < Body > Ihres HTML-Codes. Finden Sie den genauen Punkt auf Ihrer Seite, wo Sie Ihre print-Schaltfläche einfügen möchten. Im Idealfall sollte auf dem ganz oben oder unten auf der Seite. Geben Sie < p >< / p > Erstellen Sie einen leeren Absatz um Raum zwischen der vorherigen Zeile und der Schaltfläche zu erstellen.

3 Erstellen Sie einen input-Tag, wie Sie in einem Formular und verwenden JavaScript-Code würden zu Ihrem Button die Druckfunktion. Typ "< Eingang Typ = 'button' onClick='window.print()' Wert 'Print' = / >" ohne abschließenden Anführungszeichen veranlassen Sie den Browser des Benutzers, um das Dialogfeld "Drucken" zu öffnen. Sie können ändern, "Drucken" unter das Value-Attribut auf welchen Wörter oder Wortfolgen, die Sie möchten.

4 Geben Sie in einem Tag Pause----zu gehen in die nächste Zeile und schreiben eine kurze Linie unterhalb der Schaltfläche "Drucken" zu beschreiben, warum der Benutzer die Taste drücken soll. Beispielsweise können Sie eingeben "Klicken Sie hier, um diese Seite zu drucken." Sie können auch diese Zeile vor der Schaltfläche "Drucken" hinzufügen, falls gewünscht.

5 Die HTML-Datei speichern und auf Ihre Website hochladen. Klicken Sie auf "Drucken", um es zu testen.

Tipps & Warnungen

• Alternativ erstellen Sie einen JavaScript-Link, um die Schaltfläche "Drucken" zu erstellen. Typ "< a href='javascript:window.print()' >< Img src='imagehere.jpg' / >< / a >"--ohne das abschließende Anführungszeichen. Der Verweis "imagehere.jpg" sollte Ihren eigenen Link zu einem "Drucken" Taste-Bild auf Ihrem Webserver enthalten. Sie können diese Schaltfläche in einem Bildbearbeitungsprogramm wie Adobe Photoshop erstellen.