ホームページ >ウェブフロントエンド >htmlチュートリアル >tag-img tag-絶対パス/相対パスの例のチュートリアルの概要
tag-img tag-絶対パス/相対パスの例のチュートリアルの概要
- 零下一度オリジナル
- 2017-06-24 11:54:351587ブラウズ
素晴らしい土曜日、今日はもっと書いて、できるだけ早く js を書いてみます。これは少し退屈です。
1. まず Web ページ間のジャンプについて話しましょう
(1), 8aa2918506a11e8a886e85949f1eb0795db79b134e9f6b82c0b36e0489ee08ed 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), f07b6a57d61b0ae9d92b8b6048ba5a2a [注意]: 画像のパスは Web のパスと同じです。私のパスを書いても意味がありません。詳しくは上記を参照してください
<html>
<head>
<title>插入图片</title>
</head>
<body>
<img src="img/01.jpg">
</body>
</html>
） を通して？ ここで、画像のフォーマットパス形式が画像形式と異なる場合、画像は表示されないことにも注意してください。
Effect
皆さんもコメントしてくれると嬉しいです！
以上がtag-img tag-絶対パス/相対パスの例のチュートリアルの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。