ホームページ作成TOP > リンクしたい
ホームページ作りに必要なリンクに関係するものの一覧です。リンクの入れ方や、画像リンク・リンク範囲の変更の仕方など。あなたのホームページ作りに必要な情報を探して下さい。
はHTML、 はスタイルシートで、使用している主なものです。( はIEのみの指定になります。)
また、 ←このショートカットマークの場合には、別のジャンルで説明しているページにジャンプします。(別のウィンドウに表示されます。)
やりたい事 | 使用タグ |
---|---|
文章の途中でリンクする | <a href="">〜</a> |
リンクを別のウィンドウに表示させる | target="_blank" |
リンクからメールを送ってもらう | <a href="mailto:メールアドレス">〜</a> |
リンクの下線を消す方法 | text-decoration:none; |
マウスが来た時に再度下線を表示する | a:hover{text-decoration:underline;} |
マウスが来た時に背景色を変更する | a:hover{background-color:色;} |
マウスが来た時に文字色を変更する | a:hover{color:色;} |
マウスが来た時に文字を移動する | a:hover{position:relative;} |
リンクの補足情報を表示させる | <a href="" title="補足情報">〜</a> |
同じページにリンクする(指定場所) | <a href="">〜</a> |
他のページにリンクする(場所指定) | <a href="">〜</a> |
他のページにリンクする(画像) | <a href="">〜</a> |
画像にリンクを複数作成する | <img>,<map name>,<area> |
文字の色を変えたい(リンク部分) | link="色"vlink="色"alink="色" |
:link,:visited,:hover,:active | |
画像にリンクした時の枠線を非表示にする | border="0" |
border:none | |
見出しでリンクをする | <a href="">〜</a> |
テーブルのセルでリンクする | <a href="">〜</a> |
範囲でリンクする | display:block |
ホームページ作成TOP > リンクしたい > このページのTOP ▲
スポンサードリンク
無料メール情報誌
ワンランクUP講座
ホームページのスタイルをワンランクアップ!基本調整や特選方法、さらにはインターネットの話題までメールマガジンでお届けします。
サイト内検索
おすすめ1冊
全体レイアウトを実際のサイト事例を使用し、詳細までを解説。
スタイルシートの使い方のバリエーションを知る事ができる1冊。
スタイルシートの使い方のバリエーションを知る事ができる1冊。
おすすめソフト
Webデザインに最適な新しいインタフェイスを備え、Webグラフィックをより簡単・効率的に制作することができます。
検証結果