Hoe u een afdrukknop of link naar uw webpagina kunt toevoegen

CSS (cascading style sheets) geven u aanzienlijke controle over hoe inhoud op uw webpagina's op het scherm wordt weergegeven. Dit besturingselement is ook van toepassing op andere media, zoals wanneer de webpagina wordt afgedrukt.

U vraagt ​​zich misschien af ​​waarom u een afdrukfunctie aan uw webpagina wilt toevoegen; de meeste mensen weten immers al of kunnen er gemakkelijk achter komen hoe ze een webpagina kunnen afdrukken met behulp van de menu's van hun browser.

Maar er zijn situaties waarin het toevoegen van een afdrukknop of -koppeling aan een pagina het proces niet alleen gemakkelijker maakt voor uw gebruikers wanneer ze een pagina moeten afdrukken, maar misschien nog belangrijker, u meer controle geven over hoe die afdrukken verschijnen op papier.

Hier leest u hoe u afdrukknoppen of afdruklinks aan uw pagina's kunt toevoegen en hoe u kunt bepalen welke delen van uw pagina-inhoud worden afgedrukt en welke niet.

Een afdrukknop toevoegen

U kunt eenvoudig een afdrukknop toevoegen aan uw webpagina door de volgende code aan uw HTML-document toe te voegen waar u de knop wilt laten verschijnen:

onclick = "window.print (); return false;" />

De knop wordt gelabeld als Print deze pagina wanneer het op de webpagina verschijnt. U kunt deze tekst naar wens aanpassen door de tekst tussen de volgende aanhalingstekens te wijzigen

waarde =

in de bovenstaande code.
Merk op dat er een lege ruimte is die aan de tekst voorafgaat en deze volgt; dit verbetert het uiterlijk van de knop door wat ruimte in te voegen tussen de uiteinden van de tekst en de randen van de weergegeven knop.

Een afdruklink toevoegen

Het is nog eenvoudiger om een ​​eenvoudige afdruklink aan uw webpagina toe te voegen. Plaats de volgende code in uw HTML-document waar u de link wilt weergeven:

afdrukken

U kunt de linktekst aanpassen door "afdrukken" te wijzigen naar uw keuze.

Specifieke secties afdrukbaar maken

U kunt de mogelijkheid voor gebruikers instellen om specifieke delen van uw webpagina af te drukken met behulp van een afdrukknop of link. U kunt dit doen door een toe te voegen print.css bestand naar uw site, noemt het in de kop van uw HTML-document en definieert vervolgens de secties die u gemakkelijk afdrukbaar wilt maken door een klasse te definiëren. 

Voeg eerst de volgende code toe aan het hoofdgedeelte van uw HTML-document:

type = "text / css" media = "print" />

Maak vervolgens een bestand met de naam print.css. Voeg in dit bestand de volgende code toe: