余白も含めてリンクにするサンプル

記述例です。リンクの上にマウスポインタを載せて、表示を確認してみて下さい。詳細は、解説記事の本文をご参照下さい。

サンプル1：リンクリスト

1行全体がリンクになっているため、リンク文字の右側に広がる余白部分もクリック可能になっています。

リンク文字の周囲にある枠線の内側全体がリンクなっているため、枠線内の余白部分もクリック可能になっています。

table要素で作る表組みで、リンクのあるセル内のどこでもクリック可能になっています。

No.	記事タイトル
1	無料のウェブ作成ソフトMicrosoft Expression Web 4
2	移転先へ自動移動(転送/リダイレクト)させる方法
3	アイコンをWebフォントで表示！ Font Awesomeの使い方
4	ホームページの作り方：4通りの作成方法から選ぶ
5	アドレス欄やタブに独自アイコン「ファビコン」を表示
6	CSS3を使って画像や文字を任意の角度で回転させる方法