HTML のハイパーリンク <a> タグ-htmlチュートリアル-php.cn

HTML のハイパーリンクタグ

墨辰丷

リリース： 2018-05-16 10:53:29

オリジナル

2311 人が閲覧しました

<!DOCTYPE html">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

ログイン後にコピー

ハイパーリンクタグよく使用されるタグの属性:
href : リンクのリソースを指定するために使用されます
target: 新しいリソースを開くターゲットを設定します。 _Blank は新しいリソースを別のウィンドウで開きます _self は現在のウィンドウで新しいリソースを開きます

file: ファイルプロトコル (ファイルプロトコル) このプロトコルは主にローカルマシン上のリソースファイルを検索するために使用されます。

形式:
file:\f:Beauty1.jpg

タグの原則:
1. タグの href 属性値が http で始まる場合、ブラウザはすぐに http 解釈を開始します。 URL を指定すると、ブラウザはまずローカルマシン上の hosts ファイルを見つけます。hosts ファイル内にドメイン名に対応するホストがない場合、ブラウザは対応する DNS サーバーにアクセスして、ドメイン名に対応するホスト番号を見つけます。。対応するホストが見つかった場合、リクエストは対応するホストに送信されます。

2. a タグの href 属性値がどのプロトコルでも始まらない場合、ブラウザはファイルプロトコルインタープリタを起動してリソースパスを解釈します。

3. a タグの href 属性値が http で始まらず、他のプロトコルである場合、ブラウザはローカル登録
テーブルに戻り、このプロトコルを処理するアプリケーションがあるかどうかを確認します。その場合は、すぐにアプリケーションを起動してプロトコルを処理します。

メールプロトコル: mailTo
Thunderプロトコル: thunder

ハイパーリンクタグの機能:

1. リソースをリンクするために使用できます。 2. アンカーポイントの位置

1. 最初にアンカーポイントの形式を記述します: 2. tag プロパティはアンカーポイントに接続されます。 href=”#アンカーの名前”

<body>
<a href="www.baidu.com">百度</a>
    <a  target="_blank" href="2常用的标签.html">带你去看1.html</a><br/>
    如果有需要请发送邮件至：<a href="mailTo:123456@qq.com">123456@qq.com</a><br/>
    <a href="thunder://abc/aa一个人的武林.avi">一个人的武林(高清枪版).avi</a>
    <a name="top">顶部</a> <!--锚点 -->
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光
   <a href="#top">回到顶部</a> 
    
</body>
</html>

ログイン後にコピー