Web基本HTMLタグハイパーリンクタグを使用する6つの方法

ハイパーリンクタグ(強調)

1.リンク構文:

<a href="跳转目标链接" target="目标窗口的弹出方式"> 文本或图像 </a>

<a>タグのaは、anchorという単語の略語です。これはanchorを意味します。

2つのプロパティは次のように機能します。

属性 効果
href リンクターゲットのURLアドレスを指定するために使用されます(必須属性)href属性がタグに適用されると、ハイパーリンクの機能があります
目標 リンクされたページの開く方法を指定するために使用されます。ここで、_self(現在のページが開かれる)はデフォルト値であり、_blankは新しいウィンドウで開く方法です。

href:開くためのリンク

ターゲット:ウィンドウを開く方法。デフォルト値は_selfで、現在のウィンドウがページを開き、_blank新しいウィンドウがページを開きます。

開始タグ<a>に属性を書き込みます。例:<さまざまな属性>

開始タグと終了タグの間のリンクを説明するテキストを入力します。例:<a> description </a>

リンクカテゴリ:

1.外部リンク:<ahref="http://www.baidu.com">バイドゥ</a>など。

外部リンクのhref属性は、http://で始まる必要があります。

2.内部リンク:ウェブサイトの内部ページ間の相互リンク。内部ページの名前を直接リンクするだけです。

内部リンクのhref属性は、 http://で始まる 必要はありません。

3.空のリンク:リンクターゲットが決定されていない場合は、空のリンク<ahref = "#">ホームページ</a>を使用できます。

4.ダウンロードリンク: hrefのアドレスがファイルまたは圧縮パッケージの場合、ファイルがダウンロードされます。

5. Webページ要素へのリンク:ハイパーリンクは、テキスト、画像、表、オーディオ、ビデオなど、WebページのさまざまなWebページ要素に追加できます。

6.アンカーリンク:設定リンクをクリックして、ページ上の特定の位置をすばやく見つけます

外部リンク:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
    <title>Document</title>
</head>
<>
    <h4>以下标签为超链接标签</h4>
    <a href="http://CSDN.com" target="_self" > CSDN官网 </a> <br />
    <a href="http://www.bilibili.com/" target="_blank"> 哔哩哔哩官网 </a>
</body>
</html>

 これはハイパーリンクタグ<a>、hrefは<a>タグに書き込む必要のある属性、この属性はハイパーリンクタグです。

内部リンク:

例えば:

<a href="index.html"> 首页 </a>

直接href="html文件名即可",内部链接就是访问自己创建的html文件,用于文件夹中的html文件相互跳转

 

同じディレクトリ内のhtmlファイルはファイル名を直接入力でき、相対アドレスは別のディレクトリに入力できます。 

空のリンク:

<a href="#"> 首页 </a>

空链接就是用 # 代替链接的位置,可以把 # 当成占位符。
在开发时,没有想好放什么链接时,就用 # 代替链接,这样代码就不会报错

一部のアドレスは、どのページに移動するかを考慮していません。代わりに#を使用し、使用するページを検討した後、#をリンクに置き換えることができます。

ダウンロードリンク:

リンクアドレスは通常、file.exeまたはzipなどの圧縮パッケージの形式です。

ダウンロードリンクがこの形式の場合、ページにジャンプするのではなく、直接ダウンロードします

<a href="../图片存放/派大星 .zip">下载链接</a>

Web要素のリンク:

Webページ要素のハイパーリンクは、これらの要素を使用して説明テキストを置き換え、これらの画像、オーディオ、ビデオをクリックすると、他のリンクされたページに移動できます。

<a href="各种链接"> 各种元素 </a>

网页元素链接就是把元素放入<a> </a>里,让这个元素有超链接的属性
比如放置一个图片,就可以让这个图片有超链接的属性
点击图片,就可以前往另一个链接。

 

 この画像にはハイパーリンク属性が付与されており、この画像をクリックするとCSDNの公式Webサイトに移動します。

アンカーリンク:

1.リンクテキストのhref属性で、属性値 を#nameの形式に設定します。例:<ahref="#two">エピソード2 </a> 

2.ターゲットの場所のラベルを見つけて、次のように属性id=名前を追加します。<h3id ="two">2番目のエピソードの概要<h3>

 青いテキストをクリックして、アンカーリンクの主な機能である記事の対応する位置にジャンプします。

 

 記事が非常に長い場合は、読みやすく、記事の指定された位置にすばやくジャンプできるアンカータグを使用することをお勧めします。

記事の先頭にすばやく戻るには、最後にアンカーリンクを追加して先頭に戻り、記事の先頭のタグにid = ""を設定して、にジャンプできるようにします。記事のトップ。

将文章的开头标签设置id:
<h4 id="kaitou"> 文章开头 </h4>

在文章的某个位置设置能快速跳转到开头的标签:
<a href="#kaitou"> 跳到文章顶部 </a>

これにより、記事の先頭にすばやく戻ることができます。

これらは、ハイパーリンクを使用する6つの方法です。

おすすめ

転載: blog.csdn.net/weixin_53466908/article/details/123830160