リンクの設定

次はリンクの設定です。サイトのバランスは崩れていますが、あとできれいに整えますので今は我慢してください。

リンクを生成するタグは<a href="URL">○○○</a>で、URLの部分には、リンク先のURLを、○○○の部分にはリンクを誘導するテキストやら画像を入れます。

<a href="sample.html">文字</a>
<a href="http://www.google.ne.jp/">文字</a>
<a href="../file/sample.html">文字</a>
<a href="#nn">同一ページ内リンク</a>
<a href="sample.html#nn">同一フォルダ内リンク</a>
<a href="../file/sample.html#nn">別のフォルダ内へリンク</a>
<a name="nn">フラグ</a>

<a href="mailto:hamayu@nifty.com">メーラー起動</a>
<a href="aaa.zip">ダウンロード</a>

<table border="1" cellspacing="0" cellpadding="5">
<tr>
<td colspan="2">
<h1><a href=""><img src="gif/4.gif" alt="sample page" width="150" /></a></h1>
</td>
</tr>
<tr>
<td colspan="2">
<p>｜<a href="">　Sample1　</a>｜<a href="">　Sample2　</a>｜<a href="">　Sample3　</a>｜</p>
</td>
</tr>
<tr>
<td>
<p><img src="gif/6.gif" alt="menu" width="40" /></p>
<p><a href="">・Lesson1</a></p>
<p><a href="">・Lesson2</a></p>
<p><a href="">・Lesson3</a></p>
</td>
<td>
<img src="gif/5.gif" alt="" width="100" />
<h2>■Lesson1</h2>
<p>
Lesson1ではSample1を用いたHPの作成方法を解説しています。
</p>
</td>
</tr>
<tr>
<td colspan="2">
<address>Copyright(C) ○○○ all right reserved.</address>
</td>
</tr>
</table>