ホームページ > ウェブフロントエンド > htmlチュートリアル > tag-img tag-絶対パス/相対パスの例のチュートリアルの概要

tag-img tag-絶対パス/相対パスの例のチュートリアルの概要

零下一度
リリース: 2017-06-24 11:54:35
オリジナル
1573 人が閲覧しました

素晴らしい土曜日、今日はもっと書いて、できるだけ早く js を書いてみます。これは少し退屈です。

1. まず Web ページ間のジャンプについて話しましょう

(1), href="ここにジャンプする Web ページを書きます アドレス";

[注意]: 初めに、私たちの言葉が 2 つのページ間を飛んだり、URL を介して Web ページに直接飛んだりします。

最初の Web ページのコード: その間をジャンプする 2 つの Web ページを作成します

<html>
    <head>
        <title>网页一</title>
    </head>
    <body>
     <a href="网页2.html">跳转网页2</a>
    </body>
</html>
ログイン後にコピー

2 番目の Web ページのコード:

<html>
    <head>
        <title>网页二</title>
    </head>
    <body>
     <a href="网页1.html">跳转网页1</a>
    </body>
</html>
ログイン後にコピー

2 つのファイルは同じフォルダー内にある必要があります, [注]: ページの名前を英語にするのが最善です。中国語の場合は、後で問題が発生する可能性があります。

[注]:ここにある 2 つのファイルは同じレベルにあります。この方法でジャンプしても大丈夫ですが、同じレベルでない場合はどうすればよいでしょうか。

こんな感じです! Web ページ 2 が別のフォルダーにある場合、「href=' '」のパスはどうなるでしょうか?もちろん、写真を見てください。

ウェブページ 1 からウェブページ 2 にジャンプします

実際、頻繁にオンラインにアクセスすると見ることになるのですが、これはどういう意味ですか?ここでの意味は、現在のファイル「Webpage 1」に基づいており、サブフォルダー の下の

Webpage 2

にジャンプすることを意味します。 ウェブページ 1 にジャンプして、ここで行うべきことに進みます。 ここでちょっとしたこと ../ これは、前のレベルのフォルダーに戻る ウェブページ 2 の上位レベルではありませんか? ? サブフォルダーと同じレベルの Web ページは Webpage 1 です!

つまり、ウェブページ 2 からウェブページ 1 にジャンプするコードは次のようになります

これは、前のフォルダー内のウェブページ 1

にジャンプすることを意味します

1. 相対パス

この種のパスを相対パスと呼びます。これは、現在のファイルからの相対パスです。もちろん、絶対パス

という別のパスもありますが、これはお勧めしません。

相対パスは誰のコンピュータでも使用できますが、絶対パスはファイルをどこに置くか誰にもわかりません。 2. 絶対パス

ファイルをブラウザのアドレスバーにドラッグすると、ファイルの完全なアドレスが表示される方法を説明します。

ドライブレターの後にあるものだけです!前のFile:///は不要です

Webページ2に完全なアドレスを書いてもジャンプできます

最後に、ちょっとしたことをやってみましょう

1. 画像の挿入

(1), [注意]: 画像のパスは Web のパスと同じです。私のパスを書いても意味がありません。詳しくは上記を参照してください

<html>
     <head>
	<title>插入图片</title>
     </head>
     <body>
	<img src="img/01.jpg">
     </body>
</html>
ログイン後にコピー

を通して? ここで、画像のフォーマットパス形式が画像形式と異なる場合、画像は表示されないことにも注意してください。

Effect

皆さんもコメントしてくれると嬉しいです!

以上がtag-img tag-絶対パス/相対パスの例のチュートリアルの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート