HTML裏技:リンクボタン

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

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

私の作業机

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

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

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

<form method="LINK" action="desks.html">
<input type="submit" value="私の作業机">
</form>

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

htmlは、こうなりました。

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

HTML 裏技 リンク ボタン 逗子 田越村新聞 Zushi Trivia 根岸英語塾
Site Map