Hvordan man laver HTML Print Media til bredden på papir

July 7

Hvordan man laver HTML Print Media til bredden på papir


Når du udskriver dine HyperText Markup Language (HTML) dokumenter, er indholdet ikke altid at vise hele den fulde bredde af papiret. Heldigvis Cascading Style Sheets (CSS) giver en løsning på dette problem, fordi du opretter et dokument af stil regler (stylesheet), og sætte dette i gang med en indstilling "udskriftsmedier". Dette medie fungerer sammen med din HTML, men ikke forstyrrer udseendet af din side på internettet. Du kan bruge din tekst editor program til at gøre din egen HTML print til bredden af ​​papiret.

Instruktioner

1 Start din tekst editor og oprette en ny side.

2 Indtast en "krop" stil reglen og indstille "bredde" til "100%", den "margin" til "0" og "flyde" til "ingen". Stilen og deskriptorer arbejder sammen for at sikre den fulde display print til bredden af ​​papiret. For eksempel:
body {width: 100%; margin: 0; float: none; }

3 Navngiv din fil og gemme den med ".css" udvidelse. Placer dokumentet på din webhost i samme mappe, der indeholder dine andre website filer og gøre et notat af placeringen.

4 Åbn din webside, og placere markøren mellem "<head> </ head>" elementer i toppen af ​​HTML-koden.

5 Indtast den kode, der lægger din CSS stylesheet til dit HTML-dokument:
<Link rel = "stylesheet" href = "http://www.yourdomain.com/filename.css" type = "text / css" media = "print" />

Den "media = print" angiver, at denne stil er kun skal bruges, når en besøgende udskriver din webside.

6 Gem dit HTML-dokument og se det på en web browser, så du kan teste resultaterne.


relaterede artikler