携帯用目次 新着 / 書籍 / 雑誌 / 問題集・就職 / 教材セット / DVD / 書類 / ログ / チャート / 航空用品 / 雑貨 / 時計 / 情報
【携帯からの御注文は、代引きにて承ります】【Mail:info@hobun.com】【携帯からHobunに電話

$url"; ?>
その他の新着と定番はこちら >>>
HTML裏技:リンクボタン
Updated on : 02-02-2002
「Javaを使わず、プラグインにも頼らず、お手軽で、しかも全く役に立たない」HTMLの裏技です。ウェブデザインの基本である「おもしろいから真似してみよう」の精神で実験します。ブラウザーによっては機能しないかもしれませんが、そんなことはキッパリと無視。

リンクを表示するには色々な方法がありますが、もっとも基本的なものは語句を直にリンクとして使うものです。たとえば、このサイト内にある「Zippoファンタム」というウェブページ(zippophantoms.html)へのリンクを語句で表記するとこうなります:

Zippoファンタム

画像をリンクボタンとして利用する手もあります。たとえば、も該当ページへのリンクになります。

別の手として、ここではリンクのボタンを作ってみましょう。プニョッと押す感触がおもしろいと思います。

このボタンを作ったhtmlは:

<form method="LINK" action="zippophantoms.html" target="_top">
<input type="submit" value="Zippo Phantoms">
</form>

[target="_top"] の部分は記述しなくてもかまいません。ここではリンク先のページの表示をどうするか、が指定されています。たとえば [target="_blank"] と指定すると新しいシートが別に開いて、そこにリンク先のページが表示されます。その他に、 [target="_top"] , [target="_parent"] , and [target="_self"]などがあります。それぞれ試してみてください。どれが何をするのか、私、覚えていませんから。

もう一つリンクのボタンを作って実験してみましょう。リンク先は、うーん、差し障りのないところでZakzakにでもしてみましょう。

htmlは、こうなりました。

<form method="LINK" action="http://www.zakzak.co.jp/" >
<input type="submit" value="Zakzakへのリンク"> </form>

航空デパート・ホーブン:プロに選ばれる航空図書、航空用品、パイロットグッズの専門店:Hobun
Site Map