Tilføjelse af et "Udskriv denne side"-ikon til din webside er en praktisk måde at give brugere mulighed for nemt at udskrive den aktuelle side uden at skulle åbne browserens udskrivningsdialog. Sådan kan du gøre det:

HTML-kode:

1. Tilføj følgende HTML-kode til ` ` sektion af dit dokument:

```html

```

Denne linje linker til en separat CSS-fil med navnet "print.css", som vil indeholde de printspecifikke typografier til din webside.

2. Indenfor sektionen `` skal du tilføje følgende HTML-kode, hvor du ønsker at "Udskriv denne side"-ikonet skal vises:

```html

```

Denne kode opretter et link, der udløser browserens printfunktion, når der klikkes på den. Attributten `target="_blank"` åbner den udskrevne side i en ny fane. Erstat "print-icon.png" med den faktiske billedfilsti til dit udskriftsikon.

CSS-kode:

3. Opret en CSS-fil med navnet "print.css", og tilføj følgende stilarter:

```css

@media print {

krop {

margin:0;

polstring:0;

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

skriftstørrelse:12pt;

linjehøjde:1,5 em;

}

#print-ikon {

display:ingen;

}

}

```

Disse stilarter anvendes kun, når dokumentet udskrives. De fjerner margener og polstring, indstiller skrifttype og skriftstørrelse og skjuler "Udskriv denne side"-ikonet for at undgå at vise det på den udskrevne side.

Justeringer:

- Du er velkommen til at ændre printstilene i "print.css" efter din smag, såsom at ændre skrifttype, skriftstørrelse, marginer og andre formateringsstile efter ønske.

- Du kan placere "Udskriv denne side"-ikonet hvor som helst du ønsker ved hjælp af CSS-positionering.

- Erstat "javascript:window.print()" i `href`-attributten med en hvilken som helst tilpasset JavaScript-funktion, du måtte ønske at udføre, før du udskriver dokumentet.

Med denne implementering vil din webside nu vise et brugerdefineret "Udskriv denne side"-ikon, der, når der klikkes på det, øjeblikkeligt starter udskrivningsprocessen, hvilket giver en problemfri udskrivningsoplevelse for dine brugere.