リンクを表示するには色々な方法がありますが、もっとも基本的なものは語句を直にリンクとして使うものです。たとえば、このサイト内にある「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>