目次:
- 絶対および相対リンク
- あなたのサイトのスタイルシートを作成するときに、リンクがどのように異なった状態で表示されるかを定義します。unvisited、visited、active(開いている間)、カーソル)。デフォルトでは、スタイルシートを作成するまで、リンクはすべてのブラウザで次のように表示されます。
ビデオ: 【HTML入門】#05. 要素の配置ルールとカテゴリー 2025
リンク、HTMLを定義するリンク可能なオブジェクトは、HTML要素で定義されます。最も重要なHTMLタグの調査は、Webページ設計におけるこの重要なリンクを調べて完了します。
要素の最も重要な属性は、リンクの宛先を定義するhref属性です。しかし、要素には、ブラウザに表示されリンクが動作するようにする何らかのコンテンツ(たとえば、テキストなど)も含める必要があります。たとえば、次のHTMLコードはSearch Googleとwwwへのリンクを表示します。 google。 com:
<! - 1 - >検索Google
表示テキストを含むリンク全体がタグ内に囲まれていることに注意してください。ただし、実際のリンクの後、および表示されるテキストの前には、>があります。
リンクには、新しいブラウザウィンドウでリンクを開くために使用される「空白」パラメータなど、ターゲットを定義することができます。前の例を編集して新しいブラウザウィンドウで開くには、次のコードを使用します。
Search Google
絶対および相対リンク
<!リンクは絶対または相対にすることができます:前の例のような
-
絶対リンクは、最初にhttp://で定義され、リンク。 相対リンク
-
はウェブサイト内で使用されます。たとえば、about_usというページにリンクしていたとします。 htmlでは、 私の会社案内ページをご覧ください!
ただし、前のコードはabout_usの場合にのみ機能します。 htmlページは、リンク先のページと同じフォルダにあります。
<! - 3 - >
さらに複雑な相対リンクを定義することもできます。/を使用して、リンクを含むフォルダへのパスをグラフ化します。たとえば、slideshowというファイルにリンクする場合などです。 htmlをプレゼンテーションという名前のサブフォルダ(元のページと比較して)に配置する場合は、次のコードを使用します。
リンクの見方
あなたのサイトのスタイルシートを作成するときに、リンクがどのように異なった状態で表示されるかを定義します。unvisited、visited、active(開いている間)、カーソル)。デフォルトでは、スタイルシートを作成するまで、リンクはすべてのブラウザで次のように表示されます。
非表示のリンクには下線が引かれ、青色になります。
-
訪問したリンクに下線が引かれ、紫色になります。
-
アクティブリンクには下線が引かれ、赤色になります。
-
デフォルトのホバー状態はありません。そして、スタイルシートで作成するまで、ホバリングされたリンクは外観を変えません。
