リンクタグ
画像にリンクをつける
<a href=""><img src="">
文字にリンクをする方法の他に、画像からリンクすることも出来ます。例えば、メニューなどに画像を使用したりすることもできます。
リンクは通常のようにリンクタグに「href=""」や「target=""」などの属性でリンク先やターゲットを指定し、画像タグには「src=""」や「align=""」などで、画像の場所や表示位置を指定します。
記述例
HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボードのロゴからトップへリンクをしてみます<br>
<a href="http://www.dspt.net/"><img src="../../logo.gif" alt="HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード"></a>
<a href="http://www.dspt.net/"><img src="../../logo.gif" alt="HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード"></a>
☆ワンポイントアドバイス
リンクタグのその他の指定方法やリンクについての注意点は、以下の関連情報を参考にしてください。
→関連情報
- 画像にリンクをする場合などに枠が表示されるのを防ぐには
- その他のリンクの指定方法
- 相互リンクと絶対リンクについて
- リンクの数や設定で気をつけること
- 検索エンジンから見た適切なリンクの文字列(アンカーテキスト)とは
- 内部リンクを充実させる理由
- リンクの応用
参考
- HTMLの基本(タグの書き方と要素)
- タグ打ち(メモ帳)だけでホームページを作るには
- HTMLやホームページや拡張子など、前もって必要な知識とは
- ホームページ制作ソフトの力を借りて作るには
- 標準モードと互換モードについて
タグをコピーするには?
操作方法
→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。
