HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLを使用してWebページにPDFファイルを埋め込む方法

Webページ内にPDFファイルを埋め込むには、<iframe>を使用できます。 要素を追加し、PDFファイルへのパスをソース値として追加します：

<iframe src="path-to-your-file.pdf"></iframe>

デフォルトでは、iframeにはframeborderで削除できる境界線があります 属性：

<iframe src="path-to-your-file.pdf" frameborder="0"></iframe>

iframeに幅と高さを追加することもできます。これは、CSSクラスまたはインラインスタイルのいずれかを使用して行うことができます。

以下の例では、widthを追加します 100%の値 iframeが親コンテナの幅に合わせて拡張されるようにします（これは良い習慣です）。 heightも指定します 50vhの値 つまり、iframeは、表示している画面の高さの50％を占めることになります。

<iframe
  src="path-to-your-file.pdf"
  style="width:100%;height:50vh;"
  frameborder="0"
></iframe>

幅と高さをプロジェクトに必要なものに変更します。


  1. Chrome と Microsoft Edge で Web ページを PDF ファイルとして保存する方法

    ユーザーは、Web ブラウザーで検索せずに Web ページにオフラインでアクセスできるようにする必要がある場合があります。代わりに、その特定の Web ページのデジタル コピーを PC に保存しておくことをお勧めします。そうすれば、適切なインターネット接続がなくても、いつでも目的を読んだりレビューしたりするためにアクセスできます。 この点に関して、Google Chrome や新しい Microsoft Edge などのブラウザーが提供する機能があります。これにより、ユーザーは Web ページを PC に PDF として保存できます。この機能を使用すると、PC 上の特定の Web ページ全体

  2. PDF ファイルにコメントを追加する方法

    誰もが電子 PDF 形式で本や小説を読む . 電子書籍 通常、一度に読むには長すぎます。 PDF ドキュメントでは、実際の本を読む場合など、重要なことを示すためにコメントを使用する必要があります。 PDF ドキュメントを読むとき、読者は PDF 形式のブックマークを使用して特定の箇所に印を付けたいと思うでしょう。複数のコメントを PDF ドキュメントに追加できます。 PDF にコメントを追加する方法 PDF ファイルの任意のページにコメントを追加するには、UPDF と呼ばれるサードパーティ プログラムを使用する必要があります。手順は次のとおりです: ステップ 1: 公式ウェブサイトから