HTMLでハイパーリンクを追加する方法

ページ名:HTMLでハイパーリンクを追加する方法

HTMLでハイパーリンクを作成するのは難しいかもしれませんが、このチュートリアルではHTMLでハイパーリンクを作成する方法を紹介します。すぐにできるようになりますよ。

  • 1
    簡単なテキストエディタで新しい文書を開きます。Windows PCのメモ帳でもメモ帳++でも、MacintoshのTextEditでも、これらのタイプのプログラムを使えば、HTML文書にリンクを追加することができます。
  • 2
    リンクを効果的に使用するためには、リンクが表示されていなければならないことを念頭に置いて、リンクを追加する必要のある箇所まで適切なHTMLタグでHTML文書を構成します。
    • これはHTML文書の基本的な構造で、すべてのウェブページに必要です。
      • <html>
      • <head>
      • </head>
      • <body>
      • </body>
      • </html
  • 3
    リンク・タグは、読者にとって目立つ必要がある場所に記述します。開始タグと終了タグの両方を入力してタグを始めます。<a href="">と入力し、</a>を続けてリンクタグを形成します。このタグは、アンカータグと呼ぶのが適切です。
  • 4
    2つの引用符の間の場所を見つけ、そこに正確なリンクURLを配置します。サイトのアドレスは、ブラウザのアドレスバーに表示されているものをそのまま使ってください。
  • 5
    人々がクリックするために使用する必要があります何にあなたのリンクのタイトルを付けます。このテキストは、アンカー開始タグの三角括弧の終端の直後、アンカー終了タグの三角括弧の開始部分の前に入力します。
    • 必要であれば、この場所に自分の画像を挿入することもできる。 <a href="">と</a>タグは、他のページのトリガーへのリンクを作成するためにそのままにしておきます。
  • 6
    ファイルを拡張子.htmlで保存し、ウェブブラウザで開いて結果を表示します。ほとんどの場合、プレビューするには、ファイルを保存し、後でファイルを開く必要があります。
    • 以前はMicrosoft Office FrontPageというマイクロソフトのプログラムがあり、HTMLファイルを保存する前にプレビュー機能があり、異なるブラウザでページのプレビューを表示することができましたが、現在ではこのようなことはできず、ファイルを保存してプレビュー(後で確認)する必要があります。不都合ですか?まあ、決めるのはあなた自身です。正しく行えば、ほんの数回のキー入力が増えるだけです。
  • 7
    サイトをプレビューしましょう。コードをダブルチェックしないと、このスクリプトがエラーを発生させることはないはずだが、正しく書かれているにもかかわらず、読者がエラーを見てしまうと、ひどい目に遭うかもしれない。<a href="http://www.example.com">テストリンク</a>のようになるはずです。
  • この記事は、CC BY-NC-SAの下で公開されている「 HTMLでハイパーリンクを追加する方法 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。

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

    コメント

    返信元返信をやめる

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

    最新を表示する

    NG表示方式

    NGID一覧