リンクタグの基本をお話します。
リンクタグとは、リンクをさせる時に使うに指令書のようなものです。
<a href="./">テキストリンク</a>
が、テキストリンク
<a href="./">
</a>
が、画像リンク
です。
エータグ(aタグ)と呼ばれることが多いです。
で、
<a href="./">は、
<a href="./index.html">と同じ意味になります。
<a href="./">と書いた場合、
ローカル表示してリンクをクリックすると
フォルダー構成が表示すると思いますが、
サーバーにアップロードして表示させれば、
問題なくリンクします。
<a href="./">と、、
<a href="./index.html">
どっちが良いでしょうか?
と、よく聞かれますが、
…
どっちでもOKです!
内部ページのリンクタグを書いた場合
下記のようになります。
<ul>
<li><a href="./">トップページ</a></li>
<li><a href="./page01">ページ1</a></li>
<li><a href="./page02">ページ2</a></li>
<li><a href="./page03">ページ3</a></li>
</ul>
となります。
実は、これは、間違いです。
正しくは。。。
<ul>
<li><a href="./">トップページ</a></li>
<li><a href="./page01.html">ページ1</a></li>
<li><a href="./page02.html">ページ2</a></li>
<li><a href="./page03.html">ページ3</a></li>
</ul>
です。
または、
<ul>
<li>< href="./">トップページ</a></li>
<li><a href="./">トップページ</a></li>
<li><a href="page01.html">ページ1</a></li>
<li><a href="page02.html">ページ2</a></li>
<li><a href="page03.html">ページ3</a></li>
</ul>
でも、OKです!
index.htmlと
同じ階層にhtmlファイルがある場合、
必ず、拡張子まで書きましょう。
page01はダメで、
page01.htmlが正しいです。
で、
外部サイト(別サイト)に飛ばしたい場合は、
<a href="http://http://mayne168.sblo.jp/" target="_blank">パソコン いろいろ備忘録</a>
という感じになります。
href=”の後は、http://~始めて、
正しいurl(アドレス)を半角文字で書きましょう!
別サイトに飛ばす場合は、基本的に
target=”_blank”を加えておきましょう。
逆に、内部ページにリンクさせる時は、
特別な目的がない限り、 target=”_blank”は、
使わない方がいいです。
リンクをクリックするたびに、
新しくページが開いてしまいますので…
訪問者にとって、不快ですよね。。。
以上、
リンクタグの書き方の基本でした。
リンクタグの書き方
ホームページ制作