リンクについて
「ぱたぱたアニメ館」バナー
バナーリンクの場合
このページでは、「ぱたぱたアニメ館」へのリンクの貼り方を例に取って説明します。 まずは、以下のバナーで使いたいバナーをダウンロードしてください。そして、そのバナーを貴方のサーバーにアップロードします。 ここで気をつけなくてはならないのは、貴方のサーバーのどこのディレクトリ(フォルダのようなもの)にバナーをアップロードしたかです。 sky-banner.gif を使って説明していきます。
↓↓↓↓↓
<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を指定しましょう。指定しないと下の画像のように
貴方のフレームの一部にリンク先が表示されてしまいます。
× × ○ - <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 となります。
↓↓↓↓↓
<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です。あとはご自分で勉強なさってくださいね。頑張ってね~。
「ぱたぱたアニメ館」へのリンクは、基本的に自由にお願いいたします。 「ぱたぱたアニメ館」へリンクを貼ってくださる場合には、 リンク先は「ぱたぱたアニメ館」のトップページ https://pata2.jp/をお薦めいたします。 トップページ以外のページは定期的なファイル移動に伴い、突然表示されなります。