バカネコ日記

フリーページ

2004年07月05日
XML
カテゴリ:カテゴリ未分類

 
講義が遅れ気味である。
暑さでバテバテなのは誰しも同じこと、ここで何か言えばいいわけになってしまう。
でも、暑いぞ~。

さて、前回の宿題の解凍、じゃなかった回答を示す。


テキストリンクの基本形は

  <a href="URL">テキスト</a>

であった。

ここで、テキストの代わりに画像を使おう。 テキストの位置に<img>タグを放り込む。

  <a href="URL"><img src="保管場所"></a>  

ここまでは問題なかろう。

宿題は、クリックすると別ウィンドウを開く「画像リンク」を作る、であった。
したがって以下のようなカタチになる。

  <a href="URL" target="_blank"><img src="保管場所"></a>

ここで、"URL"に飛び先、"保管場所"に画像のアドレスをはめ込めば出来上がり。

実際にやってみよう。
ソースは省略するが以下のようになる。 仔猫の写真をクリックすると、
予告していた「ちょっと面白いページ」にジャンプする。
rapunzel619さんの日記である。(勝手に紹介してゴメンなさい)

  里親を求めているのはこの子です↓
  あたしをもらってください。おねがいにゃん!
  ただし、リンク先とこの子は関係ありません。 

以上、宿題の解答例終わり。


なんで、別ウィンドウで開くか? 前回、言ったとおり、鉄砲玉状態を防ぐためだ。
今回は必然性がある。 ← 強調
授業は、まだ、これからだからだ。

ちょっと休憩。 休み、休み、書き足していこう。

-----------------------------------------------

さて、追記。

テキストにリンクを設定すると、インターネットエクスプローラ等のブラウザ上では、
通常、青く表示され、下線が付く。 そして1度でもクリックすると今度は茶色で
表示される。

これは、「ここはリンクが設定されていますよ~」という意味なのだ。
だから、むやみに下線を引くのは読者を混乱させる元である。
リンクでもないのに青色の文字と下線を使うなんてのは、不親切ということになろうか。

だが、逆に、デザイン上、ここは青色を使いたくない、クリックした後も色を
変えたくないと言う場合もある。

一般的に、リンク表示の色を自由に設定するにはスタイルシートというものを使えば、
いっぺんに済ませることが出来るのだが、スタイルシートの勉強などしたくない、
という向きには、簡単なフォントタグで済ませてしまおう。

ココダケ、リンクの色を変えたい、と言う場合、コツがある。

タグというものは、同じテキストに対して2重、3重に重ねて使うことが出来る。
リンクの基本形、

   <a href="URL">テキスト</a>

に対して、イタリックを適用してみよう。

   <i><a href="URL">テキスト</a></i>
     ↓
   テキスト

ちゃんと斜体になることがわかる。
つまり、タグで囲んだものを、更にタグで囲んでもよいということである。

ならば、試しに緑色にセットしてみよう

<font color="green"><a href="URL">テキスト</a></font>

だが、こういう書き方はダメである。 うまくいかない。
ホームページビルダーやFrontPgaeなどのHP作成ソフトを使っていると
たまに、こういうハプニングに出くわす。 思うようなHTMLを生成してくれない。
原因は範囲指定に問題があるのだが、それは今回割愛しよう。



問題はどうすれば、テキストリンクの色を、強制的に自分の望む色に出来るか、である。
なぜ、こんな例題をひっぱってくるのか?

タグは何重にも重ねることが出来るが、その位置に注意せよと言いたいのである。
結論から言えば、内側のタグほど優先される。

したがって、上記の例でいえば、リンクを意味するアンカータグが最も内側であるから
これが、最優先で効力を発揮する。 
つまり、最初は青色だし、クリックした後は茶色になる。 緑ではない。

常に緑色で表示したければ

<a href="URL"><font color="green">テキスト</font></a>

のように、テキストの一番近くに置く必要がある。



タグを使うときの要注意事例のひとつとして、位置による優先順位を取り上げた。
リンクの強制色指定は、実は、オマケであったりする。
リンクはクリックしてもらわないと意味がないので、敢えて色をイジる必要も
ないだろう。


超初心者向け、「手抜きで覚えるHTMLリンクの作り方」講義はこれでおしまい。




この記事がおもしろかったと思う人は1票! クリック → おもしろかったらクリックしてね


 






最終更新日  2004年09月08日 16時19分27秒
コメント(10) | コメントを書く

■コメント

お名前
タイトル
メッセージ
画像認証
別の画像を表示
上の画像で表示されている数字を入力して下さい。


利用規約に同意してコメントを
※コメントに関するよくある質問は、こちらをご確認ください。


 Re:手抜きHTMLリンク 補講(07/05)   ユンカース0630 さん
こんばんわ!

1番のりで来ました♪

眠くて意識が朦朧としているので、起きたらやってみます!

里親募集のリンクをさせていただいているんですが、ねこちゃんの画像をお借りすることは出来ますか?

ねこちゃんからトドさんのHPに行けるようにしたいんです。

お返事お待ちしています。

それと・・・ちゃんとリンクが出来たか確認する為に何度も訪問させていただくかもしれません・・・。

初心者なので、ゆるしてやってください・・・。

お願いします。
(2004年07月06日 01時35分16秒)

 Re:手抜きHTMLリンク 補講(07/05)   うにねこ さん
こんにちは

腹痛の為、そして金八ゲームの為、出席日数が足りないような気がしますが また今日から出席します。

仔猫ちゃん ますます可愛くなってる♪
あああっ 可愛い(^^)妄想中・・・。 (2004年07月06日 15時20分54秒)

 Re:手抜きHTMLリンク 補講(07/05)   もとsun さん
かわいいですね~^^
三毛ちゃん、引きが来ていらっしゃるそうで、良かったです(*´ェ`*)

ところで、ウンコ地雷ですが、あれはキツイですよねw
おしっこ布団も泣けますが・・・。

お気に入りのカテゴリーのところへ無事に入れました。
HPトップの右下のところにあります^^
(2004年07月06日 17時57分26秒)

 ユンカース0630さんへ   海獣トド さん
>1番のりで来ました♪

すごいですね。 このサイトはいつも深夜に更新しているのですが。

>里親募集のリンクをさせていただいているんですが、ねこちゃんの画像をお借りすることは出来ますか?

OKですよ。
(2004年07月06日 20時51分29秒)

 うにねこさんへ   海獣トド さん
>仔猫ちゃん ますます可愛くなってる♪
>あああっ 可愛い(^^)妄想中・・・。

もう、そう、なんです!

親父ギャグは寒い!
(2004年07月06日 20時52分34秒)

 もとsunさんへ   海獣トド さん
>ところで、ウンコ地雷ですが、あれはキツイですよねw
>おしっこ布団も泣けますが・・・。

ウンコ爆弾より被害甚大です...。
(2004年07月06日 20時59分34秒)

 Re:手抜きHTMLリンク 補講(07/05)   ■P-SPA ■ さん
この写真かわいすぎる。かわいいですよね。なんて小さい。目もはっきりしてきましたね。
ところで超初心者講座だけでなく、中級編も期待しております。 (2004年07月06日 23時38分05秒)

 ■P-SPA ■さんへ   海獣トド さん
>ところで超初心者講座だけでなく、中級編も期待しております。

う~らの畑でポチが鳴く~。
正~直爺さん、掘ったれば~、大~判、小判がザックザックザックザク~。

う~らの畑でポチいじめ~。
欲張り婆さん、掘ったれば~、ムーカデにゲジゲジ、ザックザックザックザク~。

あなたのHP、拝見しましたが、これ以上、何をお望みでしょうか(笑)
楽天日記なら充分な技量をお持ちと存じますが?


  ランプの奴隷より(別名:ハクション大魔王)

(2004年07月07日 00時37分55秒)

 ためになるなあ   KAZ&SUNNY さん
こんばんは。
日記、ためになりますね!ちっともHPをいじっていないので「やらなくっちゃ」と思ってしまいました。(^^ゞ
またよろしくお願いします (2004年07月09日 23時47分42秒)

 KAZ&SUNNYさんへ   海獣トド さん
>こんばんは。
>日記、ためになりますね!ちっともHPをいじっていないので「やらなくっちゃ」と思ってしまいました。(^^ゞ
>またよろしくお願いします

どうぞ、またいらしてください。


(2004年07月11日 04時25分10秒)

PR

バックナンバー

2019年09月
2019年08月
2019年07月
2019年06月
2019年05月

プロフィール


海獣トド

コメント新着

 海獣トド@ Re:意外な一面に触れて。(08/14) 泡雪さんへ >マザーテレサって本当にす…
 海獣トド@ うめぼしがキラリ☆さんへ >ひゃー、ブログさぼってる間にトドさん…
 海獣トド@ 鵜の岬さんへ >これからも・・ヨロシク・・ね こち…
 海獣トド@ sshijimisanさんへ >でも、トド様のおかげで少しの村民は救…
 海獣トド@ もぐらのこさんへ >日記の下書き機能残ってるよ(^-^) …
 海獣トド@ archfelisさんへ >せめて12日一杯残せばいいのに・・・…

Copyright (c) 1997-2019 Rakuten, Inc. All Rights Reserved.