あなたのウェブサイトにPDF文書を載せる方法

著者: Judy Howell
作成日: 3 J 2021
更新日: 16 12月 2024
Anonim
【フリーソフト】PDFの編集方法【2022年】
ビデオ: 【フリーソフト】PDFの編集方法【2022年】

コンテンツ

あなたのサイトにPDFを載せるには2つの方法があります:それにリンクを追加することもWebページ内に実際のPDF文書を埋め込むこともできますあなたが選択する方法はあなたのプロジェクトの目的によって異なります。あなたが常に見たいPDFを持っているならば、それを組み込むことはより賢い選択かもしれません。一方、ユーザーが表示する必要がない場合は、Webブラウザにロードしたくない場合があります。 HTMLを使用すると、WebサイトにPDFをリンクしたり埋め込むことができます。


説明書

WebサイトにPDFファイルを配置する方法を学ぶ (Fotolia.comからのSergio Hayashiによるtファイル画像)
  1. HTMLエディタを起動してHTMLドキュメントを開きます。

  2. このコードをドキュメントの「本文」セクションに貼り付けます。

    お使いのブラウザはPDFをサポートしていません

    "object"タグは、PDFをWebページに取り込む "xyz.pdf"を、Web上にあるPDFのURLに置き換えます(たとえば、PDFが自分のWebサーバー上にあり、PDFのURLが "http"の場合)。 ://www.myserver.com/test.pdf "、コードを次のように表示させます。

    お使いのブラウザはPDFをサポートしていません

    "object"タグは "pdf"と呼ばれるCSSクラスを指すことに注意してください。

  3. 次のHTMLコードを前のコードの下に配置します。

    PDFで外部リンクを見る

    これはハイパーリンクを作成します。 「xyz.pdf」を先ほど指定したPDFの同じURLに置き換えます。

  4. 以下のコードをドキュメントの「head」セクションに貼り付けます。

    type = "text / css"> .pdf {高さ:400ピクセル;幅:500ピクセル;}

    これにより、 "body"セクションの "object"タグによって参照される "pdf"クラスが作成されます。このクラスを使用すると、PDFの高さと幅を設定できます。この例では、これらの値は400と500ピクセルです。 PDFビューアの寸法を変更するには、それらを他の値に変更してください。


  5. 文書を保存してブラウザで開きます。 PDFが表示されます。ページに表示されているリンクをクリックします。ブラウザは同じPDFドキュメントに移動します。

どうやって

  • "object"タグには "あなたのブラウザはPDFをサポートしていません"というテキストが含まれていることに注意してください。これは、ユーザーのブラウザがPDF表示をサポートしていない場合に表示されるデフォルトのテキストです。このテキストは自分のニーズに合わせて変更できます。