Å legge til et "Skriv ut denne siden"-ikonet på nettsiden din er en praktisk måte å la brukere enkelt skrive ut gjeldende side uten å måtte åpne nettleserens utskriftsdialog. Slik kan du gjøre det:

HTML-kode:

1. Legg til følgende HTML-kode i ` `-delen av dokumentet ditt:

```html

```

Denne linjen lenker til en separat CSS-fil kalt "print.css", som vil inneholde utskriftsspesifikke stiler for nettsiden din.

2. I -delen legger du til følgende HTML-kode der du vil at "Skriv ut denne siden"-ikonet skal vises:

```html

```

Denne koden lager en lenke som utløser nettleserens utskriftsfunksjon når den klikkes. `target="_blank"`-attributtet åpner den utskrevne siden i en ny fane. Erstatt "print-icon.png" med den faktiske bildefilbanen til utskriftsikonet.

CSS-kode:

3. Lag en CSS-fil med navnet "print.css" og legg til følgende stiler:

```css

@media print {

body {

margin:0;

polstring:0;

font-familie:Arial, Helvetica, sans-serif;

skriftstørrelse:12pt;

linjehøyde:1,5 em;

}

#print-icon {

display:ingen;

}

}

```

Disse stilene brukes bare når dokumentet skrives ut. De fjerner marger og utfylling, angir font og skriftstørrelse og skjuler "Skriv ut denne siden"-ikonet for å unngå å vise det på den utskrevne siden.

Justeringer:

- Modifiser gjerne utskriftsstilene i "print.css" etter eget ønske, for eksempel å endre font, skriftstørrelse, marger og andre formateringsstiler etter ønske.

- Du kan plassere "Skriv ut denne siden"-ikonet hvor som helst du vil ved å bruke CSS-posisjonering.

- Erstatt "javascript:window.print()" i `href`-attributtet med en hvilken som helst egendefinert JavaScript-funksjon du ønsker å utføre før du skriver ut dokumentet.

Med denne implementeringen vil nettsiden din nå vise et tilpasset "Skriv ut denne siden"-ikonet som, når det klikkes, vil umiddelbart starte utskriftsprosessen, noe som gir en sømløs utskriftsopplevelse for brukerne dine.