Så här lägger du till en utskriftsknapp eller länk till din webbsida

CSS (kaskaderande stilark) ger dig betydande kontroll över hur innehåll på dina webbsidor visas på skärmen. Denna kontroll sträcker sig också till andra medier, till exempel när webbsidan skrivs ut.

Du undrar kanske varför du vill lägga till en utskriftsfunktion på din webbsida; när allt kommer omkring, de flesta känner redan eller kan lätt ta reda på hur man skriver ut en webbsida med sina webbläsares menyer.

Men det finns situationer där att lägga till en utskriftsknapp eller länk till en sida inte bara underlättar processen för dina användare när de behöver skriva ut en sida utan, kanske ännu viktigare, ger dig mer kontroll över hur dessa utskrifter kommer att visas på papper.

Så här lägger du till antingen utskriftsknappar eller utskriftslänkar på dina sidor och hur du definierar vilka delar av sidinnehållet som ska skrivas ut och vilka inte.

Lägga till en tryckknapp

Du kan enkelt lägga till en utskriftsknapp på din webbsida genom att lägga till följande kod i ditt HTML-dokument där du vill att knappen ska visas:

onclick = "windows.print (); return falsk;" />

Knappen kommer att märkas som Skriv ut denna sida när den visas på webbsidan. Du kan anpassa den här texten till vad du vill genom att ändra texten mellan citattecken som följer

value =

i koden ovan.
Observera att det finns ett enda tomt utrymme före texten och följer den; detta förbättrar utseendet på knappen genom att sätta in lite avstånd mellan ändarna på texten och kanterna på knappen som visas.

Lägga till en utskriftslänk

Det är ännu enklare att lägga till en enkel trycklänk till din webbsida. Sätt bara in följande kod i ditt HTML-dokument där du vill att länken ska visas:

skriva ut

Du kan anpassa länktexten genom att ändra "tryck" till vad du än väljer.

Göra specifika avsnitt utskrivbara

Du kan ställa in möjligheten för användare att skriva ut specifika delar av din webbsida med en tryckknapp eller länk. Du kan göra detta genom att lägga till en print.css arkivera till din webbplats, ring det i huvudet på ditt HTML-dokument och definiera sedan de avsnitt du vill göra enkelt utskrivbara genom att definiera en klass. 

Lägg först till följande kod i huvudavsnittet i ditt HTML-dokument:

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

Skapa sedan en fil med namnet print.css. Lägg till följande kod i den här filen: