HTMLでのリンクのcssおよびjsファイルとハイパーリンクの分類

1.サイト内のcssファイルとJavaScriptファイルをリンクする
ここに画像の説明を挿入

<head>
    <meta charset="UTF-8">
    <title>link</title>
    <link rel="stylesheet" href="style/csdn.css">  <!--放在 head 标签内部-->
</head>

jsリンクファイルは、headタグまたはbodyタグの最後に配置することをお勧めします

<head>
    <meta charset="UTF-8">
    <title>link</title>
    <link rel="stylesheet" href="style/csdn.css">  <!--放在 head 标签内部-->
    <script src="js/csdn.js"></script>  <!--可以放在这里-->
</head>

または

<body>
<div>
</div>
<script src="js/csdn.js"></script>  <!--还可以放在这里-->
</body>

2.内部リンクリンク
ここに画像の説明を挿入
されたターゲットページとリンクされたページを同じレベルではなく同じレベルに配置します。ターゲットファイルの完全パスを追加する必要があります

<div>
    <!--不会新打开一个页面-->
    <a href="link01.html">链接到页面link01</a>
    <!--会另外打开一个新页面-->
    <a href="link01.html" target="_blank">链接到页面link01</a>
</div>

hrefとtargetはaタグの2つの属性です
。hrefは必須であり、省略することはできず、リンクターゲットの場所を指定するために使用されます
。targetはリンクページを開く方法、_selfはデフォルト値、現在のウィンドウで開き、_blankは新しいウィンドウが開きます

3.外部リンク

    <!--链接外部网址  必须要写上 http:// -->
    <a href="http://www.baidu.com" target="_blank">链接到百度</a>

4.空の接続:#
リンクターゲットが決定されていない場合は、空の接続を使用します

<!--空连接 # -->
<a href="#">空连接</a>

5.ダウンロードリンク

<p>地址链接的是:文件 .exe 或者是 zip 等压缩包形式</p>
<a href="download.zip">文件下载</a>

6. Webページ要素のリンク

<p>在网页中的各种网页元素,如文本、图像、表格、音视频等都可以添加超链接</p>
<a href="https://www.zcool.com.cn/"><img src="images/image01.jpg"></a>

7.アンカーリンク(同じページ)

<p>能够快速定位文章的内容  常用于点击目录标题跳转到目标内容</p>
<a href="#profile">个人简介</a>  <!--目录标题-->
<h3 id = "profile">个人简介</h3>  <!--目标内容-->

ハイパーリンクの名前の前には#記号を付ける必要があることに注意してください。ターゲットコンテンツの名前はid = ""でなければなりません。

元の記事を13件公開 賞賛2件 訪問数327件

おすすめ

転載: blog.csdn.net/weixin_46410264/article/details/104537945