|
|
|
2005年03月22日
カテゴリ：バカネコＰＣ講座
 本日のバカネコ講座は、先に進まずに、前回の補足をする。 ページ内ジャンプで、好きな位置に飛ばせるのなら、よそのペ－ジの好きな位置にも 飛ばすことは出来ないのかという、質問があったからだ。 もちろん可能である。 確かに前回のままでは、解説としては不親切であろう。 なので、今日はその方法を紹介する。
リンクの基本形は、<a href="飛び先">テキスト</a> である。 同じページ内でジャンプする場合、"飛び先"は、予め自分で作っておく。 例えば、memo1 という名前をつけて、飛び先にするなら、 <a name="memo1">テキスト</a> と書く。 ここにリンクを張って飛ばすには、 <a href="#memo1">テキスト</a> と書けばよい。 以上、前回までのおさらいである。 思い出していただけたであろうか。 さて、ここまでくれば、勘の良いかたなら応用が利く。 基本形 <a href="飛び先">テキスト</a> の飛び先を 良く見てみよう。 別のページにジャンプするには、そのURLを書けば良いのであった。 そして、自分自身のページ内でジャンプするには、 半角の「#」をつけた「目印」を書いてやれば良いのであった．．．。 ならば、別のページの特定位置にジャンプさせるには？  そう。 飛ばすページのその位置に、予め目印を仕込んでおく。 目印のつけかたは、memo1 という名前にするなら、 <a name="momo1">テキスト</a> と書けばよいのであった。 別のページに飛ばすのであるから、これに加えて、URLも必要だ。 ここは安直に考えて、ただ足せばよろしい。 答えは以下のようになる。 <a href="URL#memo1">テキスト</a> なんのことはない。 URLと目印を足して、飛び先に指定しただけである。 なんとカンタンなルールであろうか。 実際にやってみよう。 3/13の日記の、【トドの夕食】というところにリンクを張ってみる。 予め、この語句には、yusyokuという目印を付けておく。 → <a name="yusyoku">【トドの夕食】</a> でもって、3/13の日記のURLを仕込むと、こうなる。 <a href="http://plaza.rakuten.co.jp/nyancolon/ diary/200503130000/#yusyoku">ここをクリック</a> 実際の表示 → ここをクリック この方法で、好きなページの好きな場所に、リンクできる。 これでまたひとつ、あなたの自由度が高まった。 にゃはは。 今日はめでたい日である。 【今日のドジ】 オリジナルドメインの有効期限が迫っている。 延長料金を振り込まなくちゃ。 レンタルサーバの料金も振り込まないと。 まだ、時間的があるなんて、余裕こいてたら、あっという間に３月も下旬に入った。 忙しくて、振込を忘れてたよ～。 入金確認に２～３日かかるのと、有効期限切れが土日だってことも見落としてたぁ～。 ドメイン消失なんてことになったら、えらいこっちゃ。 ひぇ～～。  【トドの独り言】 たったこれだけを解説するのに、３ページをあてた。 実は、この程度なら８行たらずで、解説できる。 実際、通常の書籍ではそうしている。 たとえば．．． ↓ リンクの基本形は、<a href="飛び先">テキスト</a> である。 同じページ内でジャンプする場合、"飛び先"は、予め自分で作っておく。 例えば、memo1 という名前をつけて、飛び先にするなら、 <a name="momo1">テキスト</a> と書く。 ここにリンクを張って飛ばすには、 <a href="#memo1">テキスト</a> と書けばよい。 さらに、別のページ(URL)のその位置に飛ばすのなら、 <a href="URL#memo1">テキスト</a>のように書く。 だが！ それでは、初心者には、わからんのである。 バカネコ講座は、そのへんを重視しているところが、 普通の書籍と編集方針が異なる。 この記事が役に立ったと思う人は１票！ クリック →  ※バカネコ講座では、安全な方法を選んで紹介していますが、 途中でわけがわからなくなっても、責任は負えませんので、あらかじめご了承下さい。 ネコでもわかるＰＣ講座はこちら → バカネコ講座 【楽天トラベル】 バカネコ講座 バカネコソフト バカネコ村 爆笑ガイド 猫砂の研究 パソコン購入費用の削り方 現物の投下位置 ずぼらなアクセスアップ ページを読みやすくする方法 バーニャン１号ミニ バーニャン１号の秘密 にゃんこのコスプレ テキストリンク下線の消し方 楽しめるアフィリ 己を知れ 自分のＰＣを知る バカネコ・ビューア バーニャン２号 にゃんタグ・フルバージョン バカネコ村の秘密兵器  画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。 このサイトの新着記事の通知をご希望の方はご利用ください。 お気に入りの記事を「いいね！」で応援しよう
[バカネコＰＣ講座] カテゴリの最新記事
|
|
|||||||
