リンクを作りたい

※掲示板では、URLをそのまま入力すれば、自動的にリンクにして表示してくれる機能を持っているところもあります。 その場合、ユーザが<a>タグを用いて入力すると、おかしな表示になってしまう可能性がありますので、注意して下さい。 書き込む前に<a>タグが使用可能なのかどうか、必ず確認しておきましょう。

<A HREF="?" ...> リンクを作るときに使用

では、文字をリンクにする方法を見ていきましょう。
上段がHTMLの記述方法、下段がその表示のされ方です。

◆クリックすると指定URLへ移動するリンク
●記述
<a href="http://allabout.co.jp/">All About Japan</a>
●見え方
All About Japan

リンクにしたい文字を <a ...> ~ </a> で囲みます。
「href=」の後に、移動先URLを記述します。
ただこれだけで、リンクは完成です。


◆新しいウインドウを開いて移動するリンク
●記述
<a href="http://allabout.co.jp/" target="_blank">All About Japan</a>
●見え方
All About Japan

「target="_blink"」を加えると、新規ウインドウにリンク先が表示されるようになります。


◆フレームを解除して移動するリンク
●記述
<a href="http://allabout.co.jp/" target="_top">All About Japan</a>
●見え方
All About Japan

「target="_top"」を加えると、現在のフレームを解除してリンク先を(現在のウインドウ全体に)表示するようになります。


◆使用例
●記述
All About Japan って何?と思ったら、<a href="http://allabout.co.jp/info/top.htm">解説コーナー</a>へどうぞ。
●見え方
All About Japan って何?と思ったら、解説コーナーへどうぞ。
※掲示板に、URLを自動的にリンクにする機能が存在する場合、自ら<a>タグと一緒にURLを入力すると、おかしな表示になってしまう場合がありますので、気を付けましょう。

※タグの閉じ忘れ(</a>の書き忘れ)があると、大変なことになります(それ以降、全ての文字がリンクになる)ので、気を付けましょう。

おわりに

今回は、主に掲示板などへの書き込み用として、簡単なHTMLをご紹介致しました。
HTMLタグの使用が許可されている掲示板に書き込む際などに、ぜひご活用下さい。
また、レンタル日記スペースなどで日記をつける際などにも活用できるでしょう。

関連リンク

無料レンタル掲示板(リンク集)
レンタルする掲示板を探す場合などにご活用下さい。
日記をつけてみよう!(リンク集)
無料レンタル日記スペースサービスへのリンク集や、日記CGI・日記ソフトなどへのリンク集です。日記を付けたくなったら、ご活用下さい。
HTML記述講座(リンク集)
HTMLの基礎から応用まで詳しく解説されたサイトへのリンク集などです。
当サイト上の他の記事
当サイト上の他の記事もぜひご覧下さい。


●メールマガジン発行中
毎週1回発行中。 メールマガジン上でしか読めない豆知識なども連載。 ご購読は無料。みなさんのご登録をお待ちいたしております。
登録・バックナンバーの閲覧はこちら


※記事内容は執筆時点のものです。最新の内容をご確認ください。
※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。