コンピューター, プログラミング
HTMLでハイパーリンクを挿入するには? HTMLでのハイパーリンクの作成と使用
ハイパーテキストは、他のテキストへのリンクを含むテキストです。 それは外国語のテキストを発見された場合の例では、本のページの一番下にある複雑な定義や翻訳の脚注に著者のノートです。 インターネットサイトは、ハイパーテキストの複雑なシステムは、ページ自体の中だけでなく、無関係なシングルをテーマにしたリソース間のあるページから別のページにジャンプします。 このような構造は、実用的であり、多くの時間を節約し、訪問者がすぐに必要な情報を見つけることができ、トランジションの多数で迷子にしません。
ハイパーリンクの挿入
HTMLで適切な場所に挿入された記述子(タグ)を、使用してハイパーリンクを挿入します。 それ自体がハイパーリンクテキスト構造であるとして、通常はテキストの間です。 しかし、リンクは、より多くのグラフィックス(アイコン、ボタン、写真)です。 それらをさらに検討します。 Webページ上の位置は、テキストに限定されないが、設計上の意思決定者のサイトに依存します。
タグ構造 ... の
必要な終了タグに:ダブルス - あなたはタグことに気づくことがあります。
HREF - タグ属性は、リンク先を指定します。
https://google.com/ - 属性値、移行を行うために上のリソースのURLアドレスを囲みます。 それは、二重引用符または一重引用符です。 これは、HTMLルールの入れ子タグの構造に依存します。
全体の構造は、ウェブ文書の要素です。
HTMLの規則では、いくつかの要素が他の要素を含むことができます。 タグには、例外ををません。 プログラマは太字単語グーグルで強調表示する必要がある場合は、ネストされたタグのシーケンス内のテキストの書式設定の一般的な規則に従って b>のタグを使用してこれを行います。 ウェブマスターは、それ以外の場合は動作しません、エラーフリーのHTML内のハイパーリンクを作成する方法を知っている必要があります。 「殴ら」と呼ばれるコンピュータのスラングにリンク切れ。
ここに:要素
これは、ネストされた含まれてい
Googleの B>
今のページには、訪問者は太字で単語「グーグル」のハイパーリンクを見ています。
絶対ハイパーリンク
ドメイン名が含まれているサイトの絶対URL、アドレスを使用するハイパーリンクは(.RU、.COM、.ORG、.GOV )、 絶対と呼ばれ、次の構文を持っています:
プロトコル://ファイルのドメイン名/パス
アメリカの検索エンジンでの広範な例アドレス:https://aol.com - 絶対、それはドメイン名.COMが含まれているため。
絶対ハイパーリンクは、他のサイトのページに移動するか、別のサーバー上にあるリソースにアクセスするために使用されています。 遷移は、インターネットプロトコルを用いて行われます。 プロトコル - これは、この記事の話題ではありませんが、彼らは、ハイパーリンクの作成に参加して、あなたは、少なくとも簡単にそれらを言及する必要があります。
- HTTPとHTTPS -最も一般的。 彼らは別のサイトのウェブページを切り替えるするため。
- FTP -サイトからサーバーまたはユーザーのダウンロードにファイルをアップロードするためのプロトコル。
- mailtoの-個人的な電子メールに行かなくても、サイトから直接電子メールを送信するメールプロトコル。
特別な目的のいくつかの報告(gopherの、telnetは)非常にまれである、の使用は、プログラミングやシステム管理における専門的な知識を必要とする、があります。
相対ハイパーリンク
相対アドレッシングを使用すると、HTMLのハイパーリンクを使用することは、生活の中での移行のために使用し、それを超えてつながるものではありません。 ページは、辞書のように、時には非常に長い、垂直スクロールバーを実行されるように大きい場合、希望の文字にジャンプする相対リンクを使用することは非常に便利かつ適切です。
オンライン辞書の作成、ページの先頭にプログラマは、アルファベットを持っており、リンクの使用のためにされていない場合、ユーザーは、文字「I」を取得するために、マウスのホイールを回すために非常に長い時間があっただろう。
私はを手紙に
アンカー先-どこyaはしばらく前に手紙Iに 、アンカーと呼ばれます。 それは理解されているだろうが、アンカーの正しい表示のためには、文字と数字を使用することをお勧めしますので、「I」を書いていません。
今、文字「I」にページの先頭にアルファベットからの移行という、文字「I」で始まるHTMLドキュメント内のアンカーペグを行う必要があります。
アンカーの前で手紙への移行が動作しませんそれなし、番号記号を表します。
ウェブサイトを構築するときに相対アドレッシング
便利でソフトウェアのサイトを作成するための最も一般的なアルゴリズム:
- 迅速なアクセスの利便性のためのサイトでお使いのコンピュータとその場所にフォルダを作成します。
- ホームページのフォルダ内のindex.htmlを作成します。
- 二次ウェブページ(index.htmlに/ PAGE2)の作成。
- フォルダを作成し、画像ファイルに置きます。
- フォルダを作成し、他のオブジェクト(例えば、ダウンロード用のファイルを、)を配置します。
- サイトのコンテンツの充填;
- ファイルのホスティングのサイトを置きます。
必ずしも、サイトの構成要素間の通信リンクを使用する必要があり、同じサイトの別のページにHTMLでのハイパーリンクを挿入する方法を知っていることは非常に有用であろう。 サイトが同じサーバー上の同じディレクトリに存在する場合、絶対アドレス指定を使用する必要はありません。 オブジェクト間のリンクをホストしているサイトにファイルを転送する場合、彼らがホスティングされているので、残っていると同じディレクトリに配置されます。
プログラマは、ピクチャimg.pngで飾られた別のページpage2.htmlへのリンクを、持っているホームページのindex.htmlサイトを、作成したとします。 そして、画像への相対パスは次のようになります。
ヒント:このトピックの研究は、遷移アドレスの正しいスペルに能力を獲得するために、そして誰か他の人のコードを理解することを学ぶことが必要である理由は単純なテキストエディタを使用するのが最善であるに。 この段階でエラーが書いたノートブック内のハイパーリンクを、HTML はそれらを許していない ない良好な結果であること 、およびエラーを与え ます 。
メソッドは、ハイパーリンクをクリックしてください
ユーザーがハイパーリンクをクリックしたときにデフォルトでは、新しいページが現在のブラウザウィンドウで開きます。 しかし、ウェブプログラマが新しいウィンドウで、例えば、デフォルトを変更し、ページを開く強制することができます。 この目的のために一定の値を持つターゲット属性があります。 どこにもそれがテーブルを表現することが可能ではありません。
| _blank | 新しいブラウザウィンドウでページを開きます |
| _self | 現在のウィンドウ(デフォルト設定)でページを開きます |
| _parent | 親フレームでページを開きます |
| _top | 使用したフレームは、それらをすべてキャンセルし、現在のブラウザウィンドウでページを開きます |
属性のターゲットを適用するための構文は次のとおりです。
ホーム「Googleは」新しいウィンドウで開きます。
注:新しいタブでページを開くには、そこにこの属性に値がなく、ブラウザの設定でユーザーが設定されています。
ハイパーリンクの色
時間をかけて経験豊富なインターネットユーザーは、ハイパーリンクは、周囲のテキストから色が異なっていることに気づいているはず、と彼らは通常青色です。 その後、彼は渡されているリンク、および前のページに戻ったが、ライラックです。 非標準色でHTMLのハイパーリンクを少し使用して、他の人の間でサイトを割り当てます。
RGB系(#00FF00)または色の名前を直接表示(«グリーン»)とHTMLのカラーを用意しています属性とその値を使用して、
タグ内のリンクの色を設定します。 リンクの属性の3つのタイプがあります。- リンク - 未訪問のリンクの色を定義します。
- VLINK - ユーザが既に通過したリンクの色を指定します。
- ALINK - 別のページに切り替えるリンクの色を指定します。 これは、高速なので、あなたは常にこの効果をキャッチすることはできません。
例をマーキング:
あなたがタグの
にこれらの属性を適用する場合は、ウェブ文書の参照はダークブルーになり、訪問 - 紫とアクティブ - 橙赤色。グラフィックのハイパーリンク
進捗状況およびウェブデザイン開発は、イメージとしてHTMLにハイパーリンクを挿入する方法を知っておく必要があります。 絵が先のページの内容に対応しなければならないことは明らかです。 例えば、薬用植物のメインページは、ユーザーが植物の薬効を説明するページに移動しますこれをクリックすると、植物の写真の形で提示することができます。
グラフィックエディタ(GIMP、Photoshopの)でウェブデザイナーが作成した美しいグラフィックスで静的ボタン(の)を置き換えるために広く使われている方法。
サイトのページ上のハイパーリンクが同じ構文を使用しますが、テキストの代わりにHTMLのルールを挿入することで、画像タグを使用してグラフィックを挿入するには:
することにより、タグと同じように適用可能な属性は、代替テキスト、幅、高さ、および他の人を指定します。
ウェブサイトからのコール
HTML5の標準は、インターネットの使用の機能を拡大してきました、そして今、あなたは携帯電話から、しかし、直接サイトからだけでなく、電話をかけることができます。 この目的のために、あなたはまた、HTML文書内のハイパーリンクを使用することができ、それらの構文は次のとおりです。
代わりに、単語の「パーティー」電話帳の直感的な、発信者の連絡先を規定しています。 また、グラフィックファイル(ユーザー写真)を配置することができます。
コールがサイトに対して行われたことを、あなたが加入者の電話番号を参照するだけでなく、お使いのコンピュータのVoIP-プログラムにインストールされているヘッドセット(マイク、ヘッドフォン)だけでなく、を持っている必要があり、インターネットの速度は、0.5 MB /秒を超えている必要があります。 通話のためのお支払いは、交通の流れを作りました。 インターネットが無制限である場合はそのため、通話は無料です。
倫理は、ハイパーリンクを作成します
インターネット上のサイトを配置することにより、ウェブマスターは、HTML内のハイパーリンクがありますどのような種類を知っている、とだけでなく、専門的にそれらを使用する権利はなく、次の規定に従ってください。
- ハイパーリンクは、周囲のテキストとは異なり、簡単に見えなければなりません。 ハイパーリンク - ユーザーは、それがあることを知っている必要があります。
- 彼はリンクをクリックして取得する場所をユーザーが明確にする必要があります。 これを行うには、簡潔コンバージョンページを記述する複数の属性のタイトルを、使用することをお勧めします。 アプリケーション属性の構文は次のとおりです。
- ユーザーは、ファイルに関する正確な情報を入手する必要がありますがリンクをクリックしたときにダウンロードされます。
一度予測されるページではないか、誤ったファイルをダウンロードすることにより、ユーザーはすぐに現場を離れ、それを将来的にダウンしませんでした決しての99%です。
ハイパーリンクを作成するためのSEO対策
HTMLでのハイパーリンクを挿入する方法の問題の技術的な側面に加えて、より多くの、道徳的な側面を強調表示されます。 セキュリティソフト(アンチウイルス)、あるいは状態にユーザーをブロックされているアクセスするための多くのウェブサイトがあります。 これらは、汚れのWebプログラマーの手で作成されているサイトです。
彼らが頼る先のトリックの一つは - Webページ上の「見えない」ハイパーリンクを挿入することです。 詐欺師は、HTMLのハイパーリンクを作成して、平均的なユーザーは、彼女を見ないように、リンクを削除し、それを周囲のテキストの色を割り当てるには、下線属性を使用する方法を知っています。 そして、他のWebテクノロジーツール(CSSやJavaScript、PHP)の助けを借りて、その動作をプログラムすることができます。 例えば、ONMOUSEOVER JavaScript言語のイベントは、Webページの要素の影響を活性化させます。 ユーザーが目に見えないリンクにカーソルを保持しているとき、彼は他のサイトの広告ページになります。 またはそこに自分のコンピュータ上のファイルへのリンクは見えないが、ダウンロードやインストール不要なソフトウェアを開始したとき、さらに悪化。 一般的には、ブラウザのホームページを変更し、ウイルス、ゴミハードディスクや他の質量のプログラム。
すぐにこのようなサイトは、ウイルスデータベース、セキュリティ、およびインターネットユーザーの環境の「ブラックリスト」に分類されます。 このようなサイトは長続きしていない、と彼らはホストプロバイダを変更し、インターネット上で延々と移行する自分の名前を変更する必要があります。 これは、例えば、ソーシャルネットワーク、として、それはmegaportals作ることはありません、常にその作成者を求めているために、サイトの促進に資するものです。 とりわけ、これらのトリックは、これらの人間の行動の犠牲者の多くの否定的な感情を引き起こします。
Similar articles
Trending Now