HTMLリンク
HTML はハイパーリンクを使用して、Web 上の別のドキュメントに接続します。
リンクはほぼすべての Web ページにあります。リンクをクリックすると、あるページから別のページにジャンプします。
まずリンクの例を見てみましょう
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <p><a href="/">PHP中文網</a> 是一個指向本網站中的一個頁面的鏈接。</p> <p><a href="http://www.baidu.com/">百度</a>這是一個指向百度的鏈接</p> </body> </html>
コードの実行結果:
HTML ハイパーリンク (リンク)
HTML はタグ <a> を使用してハイパーテキスト リンクを設定します。
ハイパーリンクには、単語、単語、単語のグループ、または畫像を指定できます。これらのコンテンツをクリックすると、新しいドキュメントまたは現(xiàn)在のドキュメントの特定の部分にジャンプできます。
ウェブページ內のリンク上にマウスポインタを移動すると、矢印が小さな手に変わります。
href 屬性は、タグ <a> でリンクのアドレスを記述するために使用されます。
たとえば、php.cn サイトのホームページへのリンクは次のように表現(xiàn)できます:
<a href="http://miracleart.cn"> ;PHP 中國語 Web サイト< ;/a>
デフォルトでは、リンクはブラウザに次のように表示されます:
アクセスされていないリンク します青色のフォントと下線で表示されます。
がアクセスしたリンクは紫色で表示され、下線が引かれています。
リンクをクリックすると、リンクは赤色で表示され、下線が付きます。
注: これらのハイパーリンクに CSS スタイルが設定されている場合、表示スタイルは CSS 設定に従って表示されます。
HTML 接続 - id 屬性
id 屬性は、HTML ドキュメント內にブックマーク タグを作成するために使用できます。
ヒント: ブックマークは特別な方法で表示されるわけではなく、HTML ドキュメントにも表示されないため、読者には表示されません。
HTML ドキュメントに ID を挿入:
<a id="tips">役立つヒント セクション</a>
HTML ドキュメント內に「役立つヒント セクション」へのリンクを作成します( id="tips ")":
<a href="#tips">役立つヒント セクションにアクセス</a>
または、別のページのヒント セクションから「役立つヒント」へのリンクを作成します (id= "ヒント")":
<a href="http://miracleart.cn/html/html-links.html#tips">
役立つヒント セクションにアクセス </a>
基本的な注意事項
注: サブフォルダーには必ずスラッシュを追加してください。 href="http://miracleart.cn/html" のようにリンクを記述すると、サーバーに対して 2 つの HTTP リクエストが生成されます。これは、サーバーがアドレスにスラッシュを追加して、次のような新しいリクエストを作成するためです: href="http://miracleart.cn/html/"。
例
畫像リンクの使用方法。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <p>創(chuàng)建圖片鏈接: <a href="http://miracleart.cn/"> <img src="1.jpg" alt="HTML 教程" width="50" height="50"></a></p> <p>無邊框的圖片鏈接: <a href="http://miracleart.cn/html/"> <img border="0" src="1.jpg" alt="HTML 教程" width="50" height="50"></a></p> </body> </html>
畫像では<img>タグを使用していますが、これについては後述します
コードの実行結果:
上の畫像をクリックするとhttp://www .php.cn/ このウェブサイト
