So fügen Sie eine Druckschaltfläche oder einen Link zu Ihrer Webseite hinzu
Share
Mit CSS (Cascading Style Sheets) können Sie erheblich steuern, wie der Inhalt Ihrer Webseiten auf dem Bildschirm angezeigt wird. Diese Steuerung erstreckt sich auch auf andere Medien, z. B. wenn die Webseite gedruckt wird.
Sie fragen sich möglicherweise, warum Sie Ihrer Webseite eine Druckfunktion hinzufügen möchten. Schließlich wissen die meisten Menschen bereits, wie eine Webseite über die Menüs ihres Browsers gedruckt wird, oder können dies leicht herausfinden.
Es gibt jedoch Situationen, in denen das Hinzufügen einer Druckschaltfläche oder eines Links zu einer Seite nicht nur den Vorgang für Ihre Benutzer erleichtert, wenn diese eine Seite ausdrucken müssen, sondern Sie möglicherweise noch wichtiger die Kontrolle darüber haben, wie diese Ausdrucke angezeigt werden Papier.
Hier erfahren Sie, wie Sie Druckschaltflächen oder Drucklinks zu Ihren Seiten hinzufügen und festlegen, welche Teile Ihres Seiteninhalts gedruckt werden und welche nicht.
Hinzufügen einer Druckschaltfläche
Sie können Ihrer Webseite problemlos eine Druckschaltfläche hinzufügen, indem Sie Ihrem HTML-Dokument den folgenden Code hinzufügen, in dem die Schaltfläche angezeigt werden soll:
onclick = "window.print (); return false;" />
Die Schaltfläche wird als gekennzeichnet Drucke diese Seite wenn es auf der Webseite erscheint. Sie können diesen Text beliebig anpassen, indem Sie den Text zwischen den folgenden Anführungszeichen ändern
value =im obigen Code.
Beachten Sie, dass vor und nach dem Text ein einzelnes Leerzeichen steht. Dadurch wird das Erscheinungsbild der Schaltfläche verbessert, indem zwischen den Textenden und den Rändern der angezeigten Schaltfläche ein Leerzeichen eingefügt wird.
Hinzufügen eines Drucklinks
Es ist noch einfacher, Ihrer Webseite einen einfachen Drucklink hinzuzufügen. Fügen Sie einfach den folgenden Code in Ihr HTML-Dokument ein, in dem der Link erscheinen soll:
Sie können den Linktext anpassen, indem Sie "Drucken" nach Belieben ändern.
Bestimmte Abschnitte druckbar machen
Sie können festlegen, dass Benutzer bestimmte Teile Ihrer Webseite über eine Druckschaltfläche oder einen Link drucken können. Sie können dies tun, indem Sie a hinzufügen print.css Rufen Sie die Datei im Kopf Ihres HTML-Dokuments auf und definieren Sie dann die Abschnitte, die Sie durch Definieren einer Klasse einfach zum Drucken bereitstellen möchten.
Fügen Sie zunächst den folgenden Code in den Kopfbereich Ihres HTML-Dokuments ein:
type = "text / css" media = "print" />
Erstellen Sie als Nächstes eine Datei mit dem Namen print.css. Fügen Sie dieser Datei den folgenden Code hinzu:
