HOME

初級者のための初級者による
HTMLタグ一覧 | FAQ FAQ | サイトマップ サイトマップ | お問い合わせ お問い合わせ
ホームページの作り方講座
ちょっと差のつくテクニックちょっと便利なHTML>リンク先の概要を表示する
ホームページ作りの準備
1. ホームページとは?
2. ホームページの構造
3. ホームページ作りの手順
4. スペースの用意
5. ソフトウェアの用意
6. 素材の用意

ホームページの作り方
1. サンプルを作ってみよう
2. HTMLを編集しよう
3. データを転送しよう

ちょっと差のつくテクニック
1. ちょっと便利なHTML
2. JavaScript で遊ぼう
3. 掲示板で盛りあがろう
4. iモードのホームページ

要チェックな参考資料集
1. 参考ページリンク集
2. ホームページタブー20
3. 参考になる書籍集
4. その他お役立ちリンク集


ちょっと差のつくテクニック

ちょっと便利なHTML

リンク先の概要を表示する

<a href="リンク先 URL" title="リンク先の概要紹介文">
上記のように title="" を <a href> 内に追加しておくことで、マウスが重なった際に、リンク先の概要紹介文が表示されます。

ハイパーテキストリンクにマウスを重ねたときに、リンク先の概要を表示します。リンク先の内容が、そこに行くまでにわかるので便利です。Internet Explorer にしか対応していません。

【使用例】

<a href="#" title="当ホームページによく寄せられる質問を紹介しています。" >FAQ</a>
<a href="#" title="当ホームページ内の検索をすることが出来ます。">サイト内検索</a>|
<a href="#" title="当ホームページの構成および一覧を紹介しています。">サイトマップ</a>
<a href="#" title="技術的な質問事項にマンツーマンでお答えしている質問掲示板です。">質問掲示板</a>
<a href="#" title="当ホームページへのメールによるお問い合わせ窓口です。">|お問い合わせ</a>

上 (↑) をブラウザー表示すると以下のように (↓) なります。

FAQ サイト内検索 サイトマップ 質問掲示板 お問い合わせ

HTMLサンプルメーカー

下 (↓) のテキストボックス「リンク先の概要」に値をいれて「enter (リターン)」キーか「TAB」キーを押してください。
自動的にリンク先の概要を表示するための HTML が生成されます。「サンプル HTML」の内容をコピーしてお使いください。

リンク先の概要
 
サンプル
HTML

 

「1.ちょっと便利なHTML」

 

TOP ↑
・広告掲載・リンクのご要望はお問い合わせフォームよりお願いいたします。→お問い合わせフォーム
・ホームページ作りの基本編を、オフラインでも、印刷して手元でも読めるテキストブックにしました→テキストブックのダウンロード
©初級者のための初級者によるホームページの作り方講座 since 1997