Tilføj en udskrivningsknap eller link til din webside

CSS (cascading styleheets) giver dig betydelig kontrol over, hvordan indhold på dine websider vises på skærmen. Denne kontrol strækker sig også til andre medier, f.eks. Når websiden udskrives.

Du spekulerer måske på, hvorfor du ønsker at tilføje en udskrivningsfunktion til din webside; når alt kommer til alt, de fleste mennesker kender allerede eller kan let finde ud af, hvordan man udskriver en webside ved hjælp af deres browsermenuer.

Men der er situationer, hvor du tilføjer en udskrivningsknapp eller link til en side vil ikke kun gøre processen lettere for dine brugere, når de har brug for at udskrive en side men måske endnu vigtigere giver dig mere kontrol over, hvordan disse udskrifter vises på papir.

Her er, hvordan du tilføjer enten udskrivningsknapper eller udskrivningslinks på dine sider, og hvordan du definerer hvilke stykker af dit sideindhold, der skal udskrives, og hvilke der ikke vil.

Tilføjelse af en udskrivningsknap

Du kan nemt føje en udskrivningsknap til din webside ved at tilføje følgende kode til dit HTML-dokument, hvor du vil have knappen til at vises:

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

Knappen mærkes som Udskriv denne side når det vises på websiden. Du kan tilpasse denne tekst til, hvad du vil, ved at ændre teksten mellem de følgende anførselstegn

value =
i koden ovenfor.
Bemærk, at der er et enkelt tomrum foran teksten og følger den; dette forbedrer udseendet på knappen ved at indsætte noget mellemrum mellem tekstens ender og kanterne på den viste knap.

Tilføjelse af et printlink

Det er endnu lettere at tilføje et simpelt udskrivningslink til din webside. Indsæt blot følgende kode i dit HTML-dokument, hvor du ønsker, at linket skal vises:

Print

Du kan tilpasse linketeksten ved at ændre "print" til hvad du vælger.

Gør specifikke sektioner udskrivbare

Du kan konfigurere brugernes mulighed for at udskrive bestemte dele af din webside ved hjælp af en udskrivningsknap eller -link. Du kan gøre dette ved at tilføje en print.css fil til dit websted, kald det i hovedet på dit HTML-dokument og derefter definere de sektioner, du vil gøre let at udskrives ved at definere en klasse.

Først skal du tilføje følgende kode til hovedafsnittet i dit HTML-dokument:

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

Opret derefter en fil med navnet print.css. I denne fil skal du tilføje følgende kode:

krop {synlighed: skjult;}
.print {synlighed: synlig;}

Denne kode definerer alle elementer i kroppen som skjult, når de udskrives, medmindre elementet har "print" -klassen tildelt det.

Nu skal du bare tildele klassen "print" til de elementer på din webside, du vil kunne udskrives. For eksempel at gøre et afsnit, der er defineret i et div-element, der kan udskrives, ville du bruge

Alt andet på siden, der ikke er tildelt denne klasse, udskrives ikke.