リッチテキストまたはHTMLを使ってハイパーリンクを挿入する方法:

ページ名:リッチテキストまたはHTMLを使ってハイパーリンクを挿入する方法_

ハイパーリンクとは、リンク先のテキストや画像をクリックするだけで、文書内のウェブアドレスやファイル、場所にアクセスできるコードの一種です。Word文書、ウェブページ、ブログ記事、Eメールなど、あらゆる種類の文書にハイパーリンクを埋め込むのは簡単です。ほとんどのアプリやブログ・プラットフォームでは、マウスを数回クリックするだけで簡単にハイパーリンクを追加できますが、ここでは.NET Frameworkでハイパーリンクをコーディングする方法もお教えします。

知っておくべきこと

  • 文書にハイパーリンクをすばやく挿入するには、Ctrl + K(PC)またはCmd + K(Mac)のショートカットを使用します。
  • 次のフォーマットでHTMLリンクを追加します: <a href="https://www.wikihow.com">ここをクリック</a>。
  • ほとんどのEメールクライアントやブログプラットフォームでは、テキストを選択し、リンクボタンまたはアイコンをクリックすることでハイパーリンクを挿入できます。
方法1

メールやブログ記事にリンクを追加する

  1. リンクしたいアドレスをコピーする。ハイパーリンクを作成したいウェブサイトにアクセスし、アドレスバーからURLをコピーします。
    • アドレスバーのアドレスをクリックまたはタップしてハイライトし、右クリックまたはロングタップして選択し、「コピー」を選択します。
  2. メールまたはブログの投稿を開始します。ブログ記事にリンクを追加したい場合は、お好みのエディタで新しいブログ記事を作成します。そうでない場合は、メールアプリを開き、新しいメッセージを作成するか、返信します。
  3. リンクを表示したい場所をクリックします。ハイパーリンクは、メールメッセージやブログ記事のどこにでも挿入できます。
    • リンクに変換したい単語、フレーズ、文章を選択することもできます。
    • 多くのブログ・プラットフォームやメール・クライアントでは、単語を選択してリンクを追加することもできます。
      • その方法はアプリによって異なりますが、通常は画像をタップまたはクリックして選択し、リンクボタンをクリックしてリンクを追加します。
      • アプリによっては、最初に画像を挿入するときや、画像の書式設定や編集メニューを開いたときに、リンクを追加するオプションが表示される場合もあります。
  4. リンクアイコンをクリックまたはタップします。場所はアプリやウェブサイトによって異なりますが、通常はツールバーのどこかに鎖のリンクアイコンか「リンク」という文字が表示されています。ハイパーリンクのオプションを含むウィンドウが開きます。
  5. URL」フィールドにリンクを貼り付けます。"URL "または "ウェブサイト "と書かれたフィールドを探します。 次に、そのフィールドを右クリックまたはロングタップし、「貼り付け」を選択します。
    • 挿入するリンクの種類に応じて、ウェブアドレスまたはEメールオプション(利用可能な場合)をクリックまたはタップします。
  6. 表示テキストを入力します。リンクボタンをクリックする前に、Eメールまたはブログ記事でテキストを選択した場合は、この手順を省略できます。そうでない場合は、読者にクリックしてリンク先に移動してもらいたい文字を入力します。
    • これは、説明文でも、リンク先のページのタイトルでも、文章の一部でもかまいません。また、"Click here. "のような簡単な指示でもよい。
  7. リンクを適用します。リンクを保存するには、Save、Ok、Applyなどのボタンをクリックします。これで、メールやブログの文章にリンクが追加されます。
    • これで、ブログ記事を公開したり、メールメッセージを送信したりできます。
    • リンクを削除するには、右クリック(Windows)、Ctrlキーを押しながらクリック(Mac)、またはタップしたままにします(モバイルアプリ)。次に、編集、変更、または鉛筆アイコンをタップします。
方法2

ドキュメントにリンクを追加する

  1. リンク先のアドレスをコピーします。ハイパーリンクを作成したいウェブサイトにアクセスし、アドレスバーからURLをコピーします。
    • アドレスバーのアドレスをクリックまたはタップしてハイライトし、選択範囲を右クリックまたはロングタップして、「コピー」を選択します。
  2. ワープロソフトを開きます。やGoogle Docs、LibreOfficeなどのOfficeアプリだけでなく、さまざまなワープロソフトでハイパーリンクを挿入できます。
    • .NETのグラフィックにもハイパーリンクを追加できます!
  3. ハイパーリンクを挿入したい場所にカーソルを置いてください。ハイパーリンクは、文の途中など、文書内のどこにでも配置できます。
    • また、ハイパーリンクにしたいテキストをハイライトすることもできます。
    • 画像にリンクを追加することもできます。画像をクリックまたはタップして選択するだけです。
    • ほとんどのワープロアプリでは、ウェブアドレスやメールアドレスを直接文書に貼り付けると、自動的にライブリンクが追加されます。
  4. 挿入メニューをクリックします。Microsoft Wordやその他のOffice製品をお使いの場合は、ツールバーの「挿入」タブをクリックします。それ以外の場合は、お好みのアプリケーションの上部にある「挿入」メニューをクリックします。
  5. リンク」または「ハイパーリンク」をクリックします。Microsoft Wordでは、ウィンドウ上部のリボンにこのオプションが表示されます。他のアプリでは、通常メニューに表示されます。ハイパーリンクを作成するためのウィンドウが開きます。
    • リンク」または「ハイパーリンク」オプションが表示されない場合は、チェーンリンクアイコンが表示されていないか探してみてください。
    • ほとんどのワープロアプリでは、キーボードショートカットを使ってリンクを追加することもできます。WindowsではCtrl + K、MacではCommand + Kです。
  6. コピーしたURLを「アドレス」または「URL」フィールドに貼り付けるか入力します。URLまたはアドレスフィールドを右クリックまたはロングタップし、「貼り付け」を選択します。
    • ワープロアプリの中には、他のファイルや作業中の文書の一部にリンクできるものもあります。たとえばWordの場合、「ハイパーリンクの挿入」ポップアップウィンドウの左側にある「リンク先:」メニューバーで、このような他の種類の場所のいずれかを選択できます。
      • コンピュータ上のファイルへのリンクを選択すると、コンピュータ上のフォルダをブラウズして目的のファイルを選択できるウィンドウが表示されます。
      • このドキュメントに配置] を選択した場合は、ヘッダまたは現在のドキュメント内のリストからリンク先を選択できます。
  7. ハイパーリンクの表示テキストを入力します。リンク先としてテキストまたは画像を選択した場合は、この手順を省略できます。そうでない場合は、"テキスト" または "表示するテキスト" のようなフィールドが表示されるはずです。読者にハイパーリンク先に移動するためにクリックしてもらいたいテキストを入力します。
    • テキストは、文章の一部、ページのタイトル、リンク先のページの説明、または "Click here "のような簡単な指示にすることができます。
  8. リンクを適用します。リンクを適用するには、Ok、Save、Applyなどのボタンをクリックします。
    • ほとんどのアプリでは、リンクを右クリック(Windows)またはCtrlキーを押しながらクリック(Mac)し、コンテキストメニューからオプションを選択することで、リンクを編集できます。
方法3

HTMLコードにリンクを追加する

  1. お好みのエディタでHTMLコードを開きます。これは、ウェブサーバーまたはローカルのハードドライブ上のHTMLドキュメントである可能性があります。また、HTMLで作成できるフォーラム、ブログ記事、Eメールクライアントでもかまいません。
    • フォーラムやブログでは、HTMLモードに切り替えるために、テキストを入力するフィールドの上にある「HTML」ボタンをクリックする必要があるかもしれません。
    • WYSIWYG (What You See Is What You Get)HTMLエディターを使用している場合、生のコードを表示するには通常HTMLオプションを選択する必要があります。
  2. ハイパーリンクの位置をクリックまたはタップします。ハイパーリンクは、テキストの末尾に配置することも、参照として文の途中に挿入することもできます。
  3. <a href=と入力します。これは、HTMLのハイパーリンク用の開始タグの最初の部分です。
  4. URLアドレスを引用符(" ")で囲んで貼り付けます。引用符を入力し、右クリック(Windows)またはCtrlキーを押しながらクリック(Mac)し、貼り付けをクリックしてコピーしたウェブアドレスを貼り付けます。次に、URLの最後にもう1つ引用符を付けます。
    • キーボードショートカットのCtrl-C(Windows)またはCommand-C(Mac)でも貼り付けできます。
    • モバイル端末の場合は、引用符の直後に画面をタップしたままにして、ポップアップメニューから「貼り付け」を選択します。
    • クリップボードにURLを保存していない場合は、引用符の間にURLを入力することもできます。
  5. 最後の引用符の後に「>」と入力します。これでHTMLコードの開始タグが閉じます。ここまでで、あなたのHTMLタグは次のようになるはずです: <a href="https://www.example1.net">.
  6. ハイパーリンクの表示テキストを入力します。これは、ウェブアドレスの代わりに表示されるテキストです。閉じ括弧(>)の直後に入力します。
    • 例えば、<a href="https://www.example1.net">ここをクリックしてください。
    • テキストの代わりにハイパーリンクを追加したい場合は、<img src="[画像名].jpg">というコードを表示テキストの場所に入力します。
  7. 表示テキストの後に</a>と入力します。これでハイパーリンクのHTMLタグは閉じます。ハイパーリンク・タグ全体は次のようになるはずです: <a href="https://www.example1.net">ここをクリック</a>。
    • これでコードをプレビューして、ハイパーリンクの動作を確認することができます。
この記事は「 How to Insert a Hyperlink Using Rich Text or HTML: CC BY-NC-SAの下で公開された " 3 Methods " を修正して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。

シェアボタン: このページをSNSに投稿するのに便利です。

コメント

返信元返信をやめる

※ 悪質なユーザーの書き込みは制限します。

最新を表示する

NG表示方式

NGID一覧