Hoe maak ik een HTML-pagina op A4-papierformaat?

Is het mogelijk om een HTML-pagina zich te laten gedragen als, bijvoorbeeld, een A4-formaat pagina in MS Word?

In wezen wil ik de HTML-pagina in de browser kunnen laten zien, en de inhoud kunnen schetsen in de afmetingen van een A4-formaat pagina.

Om het eenvoudig te houden, ga ik ervan uit dat de HTML-pagina alleen tekst zal bevatten (geen afbeeldingen enz.) en dat er bijvoorbeeld geen <br> tags zullen zijn.

Ook als de HTML-pagina wordt afgedrukt, zou deze er als A4-pagina's uit komen.

Het zou vrij eenvoudig zijn om de webbrowser te dwingen de pagina weer te geven met dezelfde pixelafmetingen als A4. Er kunnen echter een paar eigenaardigheden zijn bij de weergave.

Ervan uitgaande dat uw monitoren 72 dpi weergeven, zou u iets als dit kunnen toevoegen:





    body {
        height: 842px;
        width: 595px;
        /* to centre page on screen*/
        margin-left: auto;
        margin-right: auto;
    }




Commentaren (4)

Ik heb HTML gebruikt om rapporten te genereren die correct worden afgedrukt op echt papier.

Als je zorgvuldig mm gebruikt als je eenheden in het CSS bestand zou je OK moeten zijn, tenminste voor enkele pagina's. Mensen kunnen het echter verpesten door de afdrukzoom in hun browser te veranderen.

Ik meen me te herinneren dat alles wat ik deed een enkele pagina was, dus ik hoefde me geen zorgen te maken over paginering - dat zou veel moeilijker kunnen zijn.

Commentaren (0)

Technisch gezien zou dat kunnen, maar het zou veel werk vergen om alle browsers zo ver te krijgen dat ze de pagina precies zo afdrukken als op het scherm wordt weergegeven. Ook dwingen de meeste browsers de URL, afdrukdatum en paginanummering op de afdruk, wat niet altijd gewenst is. Dit kan niet worden gewijzigd of uitgeschakeld.

In plaats daarvan zou ik adviseren om een PDF te maken op basis van de inhoud op het scherm en de PDF te serveren om te downloaden en/of af te drukken. Hoewel de meeste beschikbare PDF bibliotheken betaald zijn, zijn er een paar gratis alternatieven beschikbaar voor het maken van basis PDF's.

Commentaren (0)