Inhoud
Er zijn twee manieren om een PDF op uw site te plaatsen: u kunt er een link aan toevoegen of een daadwerkelijk PDF-document insluiten in een webpagina. De methode die u kiest, hangt af van de doelen van uw project. Als u een PDF hebt die u altijd al zichtbaar wilt hebben, kan het opnemen van een PDF een slimmere optie zijn. Aan de andere kant wilt u het misschien niet in een webbrowser laden als een gebruiker dit niet hoeft te zien. Met HTML kunt u een PDF in uw website koppelen of insluiten.
routebeschrijving
-
Start een HTML-editor en open een HTML-document.
-
Plak deze code in de "body" -sectie van het document:
De tag "object" neemt een PDF op in de webpagina Vervang "xyz.pdf" door de URL van een PDF die zich op internet bevindt, bijvoorbeeld als de PDF op uw eigen webserver staat en de URL van de PDF "http : //www.myserver.com/test.pdf ", maak de code als volgt:
Merk op dat de tag "object" verwijst naar de CSS-klasse met de naam "pdf".
-
Zet de volgende HTML-code onder de vorige code:
Zie externe link in PDF
Hiermee wordt een hyperlink gemaakt. Vervang "xyz.pdf" door dezelfde URL voor de PDF die u eerder hebt opgegeven.
-
Plak de onderstaande code in het gedeelte "head" van het document:
type = "text / css"> .pdf {height: 400px; breedte: 500 px;}Hiermee wordt de klasse "pdf" gemaakt waarnaar wordt verwezen door de tag "object" in de sectie "body". Met deze klasse kunt u de hoogte en breedte van de PDF instellen. In dit voorbeeld zijn deze waarden 400 en 500 pixels. Wijzig ze in andere waarden om de afmetingen van de PDF-viewer te wijzigen.
-
Sla het document op en open het in een browser. De PDF wordt weergegeven. Klik op de koppeling die op de pagina verschijnt. Uw browser navigeert naar hetzelfde PDF-document.
tips
- Merk op dat de tag "object" de tekst "Uw browser ondersteunt geen PDF's" bevat. Dit is een standaardtekst die wordt weergegeven als de browser van de gebruiker geen PDF-weergave ondersteunt. U kunt deze tekst aanpassen aan uw behoeften.