Come fare HTML Print Media per la larghezza della carta

August 27

Come fare HTML Print Media per la larghezza della carta


Per la stampa di HyperText Markup Language (HTML) documenti, il contenuto non visualizza sempre tutta la larghezza della carta. Fortunatamente, Cascading Style Sheets (CSS) offrono una soluzione a questo problema, perché si crea un documento di regole di stile (foglio di stile) e impostare questo in moto con un ambiente "supporti di stampa". Questo supporto funziona in congiunzione con il codice HTML, ma non disturba l'aspetto della pagina sul web. È possibile utilizzare l'applicazione editor di testo per rendere il proprio stampa HTML per la larghezza della carta.

istruzione

1 Avviare un editor di testo e creare una nuova pagina.

2 Digitare in un "corpo" regola di stile e impostare la "larghezza" a "100%", il "margine" a "0" e il "float" a "nessuno". Lo stile e descrittori lavorare insieme per assicurarsi che le stampe il display completo per la larghezza della carta. Per esempio:
body {width: 100%; margin: 0; float: none; }

3 Assegnare un nome al file e salvarlo con l'estensione ".CSS". Posizionare il documento sul vostro host web nella stessa cartella che contiene altri file del sito web e fare una nota della posizione.

4 Aprire la pagina Web e posizionare il cursore tra le "<head> </ head>" elementi nella parte superiore del codice HTML.

5 Digitare il codice che si attacca il foglio di stile CSS per il documento HTML:
<Link rel = "stylesheet" href = "http://www.yourdomain.com/filename.css" type = "text / css" media = "print" />

La "media = print" specifica che questo stile è solo quello di essere utilizzato quando un visitatore stampa tua pagina web.

6 Salvare il documento HTML e visualizzarlo su un browser web in modo da poter verificare i risultati.