HTML を使用した PDF ファイルへのリンク

Html Wo Shi Yongshita Pdf Fairuhenorinku



PDF 形式のファイルを HTML ドキュメントに追加または埋め込む必要がある場合があります。 PDF ファイルは、2 つの異なる方法で (2 つの異なる HTML タグを使用して) HTML ドキュメントにリンクできます。開発者は HTML「 アンカー 」タグと「 iframe 」タグを使用して、PDF ファイルを HTML ドキュメントにリンクします。 「 アンカー 」タグは、ユーザーを定義済みの PDF ファイルに誘導するインターフェイス上にリンクを作成し、「 iframe 」タグは、PDF ファイルが表示される出力に iframe を作成します。

この記事では、HTML ドキュメントに PDF ファイル リンクを追加する両方の方法を紹介します。

PDF ファイルを HTML にリンクする

PDF ファイルは、「 」タグと「


方法 1: タグを使用する

PDF ファイルは、「 アンカー ' エレメント。例として PDF ファイルを使用して、このアイデアを実際に実装してみましょう。



< p > PDFファイルを開くには

< a href = 「マイデモファイル.pdf」 > ここをクリック < / a >

< / p >

上記のコードでは、次のようになります。



  • そこには ' 段落 」要素で、段落タグ内は画面に表示されるテキストです。このステップはオプションであり、出力の操作をよりよく理解するために追加されたばかりです。
  • その後、「 アンカー ' エレメント。これは、PDF ファイルを HTML にリンクするための主要なステップです。
  • 開始アンカータグの内側には「 href 」属性であり、正確な PDF ファイルの場所はその「 href ' 属性。
  • アンカー タグの開始タグと終了タグの間にはリンクとして表示されるテキストがあり、これをクリックすると、ユーザーは「 href ' 属性。

これにより、次の出力が生成されます。



方法 2: