リンクの貼り方

リンクについて

「ぱたぱたアニメ館」へのリンクは、基本的に自由にお願いいたします。 「ぱたぱたアニメ館」へリンクを貼ってくださる場合には、 リンク先は「ぱたぱたアニメ館」のトップページ https://pata2.jp/をお薦めいたします。 トップページ以外のページは定期的なファイル移動に伴い、突然表示されなります。

「ぱたぱたアニメ館」バナー

sky-banner2.gif 88*31
sky-banner2.gif
88*31 5612b

sky-banner.gif 88*31
sky-banner.gif
88*31 1684b

sky-banner5.gif 60*31
sky-banner5.gif
60*31 3429b

sky-banner7.gif 35*50
sky-banner7.gif
35*50 2863b

sky-banner1.gif 100*15
sky-banner1.gif
100*15 2265b

バナーリンクの場合

このページでは、「ぱたぱたアニメ館」へのリンクの貼り方を例に取って説明します。 まずは、以下のバナーで使いたいバナーをダウンロードしてください。そして、そのバナーを貴方のサーバーにアップロードします。 ここで気をつけなくてはならないのは、貴方のサーバーのどこのディレクトリ(フォルダのようなもの)にバナーをアップロードしたかです。 sky-banner.gif を使って説明していきます。

↓↓↓↓↓

index.html(トップページ)と同じディレクトリにアップロードした場合
1.index.htmlまたは111.htmlからリンクを貼る場合のタグ。

<a href="https://pata2.jp/" target="_blank">
<img src="sky-banner.gif" width="88" height="31" border="0" alt="ぱたぱたアニメ館"></a>


2.222.htmlからリンクを貼る場合のタグ。

<a href="https://pata2.jp/" target="_blank">
<img src="../sky-banner.gif" width="88" height="31" border="0" alt="ぱたぱたアニメ館"></a>

↓↓↓それぞれのタグについて色分けして説明します。↓↓↓

<a href="https://pata2.jp/" target="_blank">
<img src="sky-banner.gif" width="88" height="31" border="0" alt="ぱたぱたアニメ館"></a>

<a href=""></a>
リンクを貼る時のタグ。(hrefはAタグの属性。リンク先を指定します。)href=""にはリンクを貼りたいページのURLを入れます。
target=""
リンク先を表示するウインドーの指定。_blankは新しいウインドーを開きます。 フレームページからの外部へのリンクには必ずtargetを指定しましょう。指定しないと下の画像のように 貴方のフレームの一部にリンク先が表示されてしまいます。
説明画像 説明画像2 説明画像3
× ×
※ 当方では一応、Java Sprictで回避しております。
<img src="">
画像を貼る時のタグ。(srcはimgタグの属性。画像ファイル名を指定します。)
width=""
表示したいものの横幅を指定。(ここではバナー画像の横幅)
height=""
表示したいものの高さを指定。(ここではバナーの高さ)
border="0"
borderは枠線の太さを指定。borderに0を指定することによって画像をリンクした時に出る枠線を非表示にします。
alt=""
説明文を入れてください。無くても画像は貼れますが、画像が表示されない場合や、 画像の読み込みに時間かかる時など、ここに何が貼り付けてあるのかが判って良いです。音声読み上げ式のブラウザなどでも役立ちます。 また、カーソル当てると、このalt=""の部分に書かれている画像の説明が出て来ます。
https://pata2.jp/
「ぱたぱたアニメ館」トップページURL
sky-banner.gif
バナー画像のファイル名
../
..は一つ上のディレクトリを指定する時に使います。/はスラッシュ。 一つ上のディレクトリの中にあるsky-banner.gifの画像を貼りたいので ../sky-banner.gif となります。

↓↓↓↓↓

bbbディレクトリにアップロードした場合
1.index.htmlまたは111.htmlからリンクを貼る場合のタグ。

<a href="https://pata2.jp/" target="_blank">
<img src="bbb/sky-banner.gif" width="88" height="31" border="0" alt="ぱたぱたアニメ館"></a>


2.222.htmlからリンクを貼る場合のタグ。

<a href="https://pata2.jp/" target="_blank">
<img src="sky-banner.gif" width="88" height="31" border="0" alt="ぱたぱたアニメ館"></a>

このページに貼りたいなと思うページと同じディレクトリにバナーをアップロードした場合は、 画像ファイル名(sky-banner.gif)を入れるだけでOKです。 しかし、バナーを置く場所が変わると、前に..をつけたりディレクトリ名(bbb)をつけたりしないといけません。 ちょっとややこしく感じるかもしれませんが、これも慣れですので頑張ってくださいね。/を忘れずに。

以下のページでもいろいろ説明しております。ご参照ください。

「ぱたぱたアニメ館」へリンクしてくださる場合のタグです。ディレクトリ名は後で挿入してください。

ぱたぱたアニメ館の象徴バナーだね
<a href="https://pata2.jp/" target="_blank">
<img src="sky-banner.gif" width="88" height="31" border="0" alt="ぱたぱたアニメ館"></a>
スロットバナー
<a href="https://pata2.jp/" target="_blank">
<img src="sky-banner1.gif" width="100" height="15" border="0" alt="ぱたぱたアニメ館"></a>
白いバナー
<a href="https://pata2.jp/" target="_blank">
<img src="sky-banner2.gif" width="88" height="31" border="0" alt="ぱたぱたアニメ館"></a>
青いバナー
<a href="https://pata2.jp/" target="_blank">
<img src="sky-banner5.gif" width="60" height="31" border="0" alt="ぱたぱたアニメ館"></a>
ネコバナー
<a href="https://pata2.jp/" target="_blank">
<img src="sky-banner7.gif" width="35" height="50" border="0" alt="ぱたぱたアニメ館"></a>

※ 最後に、バナー画像とリンクを貼ったhtmlファイルをサーバーにアップロードするのを忘れないでくださいね。

テキストリンクはこのままコピー&ペーストして貴方のHTML文書に加えるだけでOKです。あとはご自分で勉強なさってくださいね。頑張ってね~。

上に戻る