Sådan lægger du et PDF-dokument på din hjemmeside

Forfatter: Robert Simon
Oprettelsesdato: 24 Juni 2021
Opdateringsdato: 20 Juni 2024
Anonim
Sådan lægger du et PDF-dokument på din hjemmeside - Artikler
Sådan lægger du et PDF-dokument på din hjemmeside - Artikler

Indhold

Der er to måder at sætte en PDF på dit websted: Du kan tilføje et link til det eller indlejre et egentligt PDF-dokument på en webside. Metoden du vælger afhænger af målene for dit projekt. Hvis du har en PDF, du altid vil have synlig, kan det være en smartere indbygning med det. På den anden side kan du måske ikke indlæse det i en webbrowser, hvis en bruger ikke behøver at se den. Ved hjælp af HTML kan du linke eller indlejre en PDF til din hjemmeside.


retninger

Lær, hvordan du lægger PDF-filer på websteder (t filbillede af Sergio Hayashi fra Fotolia.com)
  1. Start en HTML-editor og åbn et HTML-dokument.

  2. Indsæt denne kode i afsnittet "krop" i dokumentet:

    Din browser understøtter ikke PDF-filer

    "Object" -mærket indeholder en PDF-fil på websiden. Udskift "xyz.pdf" med webadressen til en PDF, der findes på internettet. Hvis PDF-filen f.eks. Er på din egen webserver, og URL'en til PDF'en er "http : //www.myserver.com/test.pdf ", gør koden vist som følger:

    Din browser understøtter ikke PDF-filer

    Bemærk, at "objekt" -mærket refererer til CSS-klassen kaldet "pdf".


  3. Indsæt følgende HTML-kode under den foregående kode:

    Se eksternt link i PDF

    Dette skaber et hyperlink. Udskift "xyz.pdf" med samme URL for den PDF, du tidligere har angivet.

  4. Indsæt koden nedenfor i afsnittet "hoved" i dokumentet:

    type = "text / css"> .pdf {højde: 400px; bredde: 500px;}

    Dette skaber den "pdf" -klasse, der henvises til af "objektet" -mærket i afsnittet "krop". Denne klasse giver dig mulighed for at indstille højden og bredden af ​​PDF'en. I dette eksempel er disse værdier 400 og 500 pixel. Skift dem til andre værdier for at ændre dimensionerne af PDF-vieweren.

  5. Gem dokumentet og åbn det i en browser. PDF'en vises. Klik på linket, der vises på siden. Din browser navigerer til det samme PDF-dokument.

tips

  • Bemærk, at "objekt" tag indeholder teksten "Din browser understøtter ikke PDF-filer". Dette er en standardtekst, der vises, hvis brugerens browser ikke understøtter PDF-visning. Du kan ændre denne tekst til dine behov.