▼毎週月曜日配信です。▼等幅フォントでご覧いただくとキレイに見えます。▼登録・解除はこちらから可能です。※バックナンバーへのリンクもあります。HTMLの華、ハイパーリンクです。sample.htmlというファイルをご用意ください。中身は何でもかまいません。</HTML>“ここをクリック”の部分が、ハイパーリンクになっていると思います。そのままクリックしてみてください。最初に用意したsample.htmlに移動します。</HTML>というような相対パスや絶対パスでも記述できます。リンクするのは同じサーバの中だけとは限りませんよね。Yahooなどの検索エンジンでは、様々なサーバへのリンクを多数用意しているのはみなさんご存知だと思います。はじまる絶対パスで記述します。リンクを貼れるAタグには、もっと便利な機能があります。リンクをクリックしたと思ったらOutlookやEudoraなどのメールソフトが立ち上がった経験はないですか?実はこれもAタグによるものです。href="mailto:メールアドレス"という書式で記述します。そのアドレスにSPAMメール(*1)がやってくることがあります。集していくのと同じ原理で、メールアドレスを収集するためです。※他にもいくつか方法はあります。書き込むのも同様に対象となります。検索してみてください。SPAMメールとはいわゆる迷惑メールのことです。対象とした物が社会現象にまでなったのは有名ですよね。しいウィンドウでリンクを見せたい時というのはよくあります。リンク集や、検索結果の一覧ページなどはそうですよね。</HTML>という具合に、target属性を使用します。この属性は、他にも下記のような値を指定できます。新しいウィンドウを立ち上げます。自分自身を書き換えます。んが、明示的に表したい場合に使用します。指定されたURLを反映します。複数同時に指定することはできません。これはtarget属性の本来の使い方とはちょっと違います。本来target属性には、『ウィンドウ名』を指定します。target="_blank">とした場合、これは名無しの権兵衛なウィンドウになります。同じように新しくウィンドウが開きますが、このウィンドには“new_window”という名前がつけられます。「名前がつくと何か違うの?」というわけで下記のサンプルを実行してみてください。</HTML>とすると、新しいウィンドウが開き続けます。FAQのページでは、上にタイトル一覧のリンクがあり、その下に詳しい内容が書かれているというのは定石です。これは、同じページの中でリンクしているわけですが、これもAタグで可能です。ドラえもんも大好きです。</HTML>ウィンドウを上下に長細くして実行してみてください。ポイントはまず、飛び先にあらかじめ印をつけておくことからはじまります。name属性がこれになります。name="dorayaki"></A>このタグがある場所にジャンプする事が可能になります。href="#dorayaki">とします。href="#name属性で指定した名前">です。FAQのページも大きくなると、リストと詳細を二つのページに分けた方が、いい場合がよくあります。そんなときも、同じようにアンカーを使用します。ドラえもんも大好きです。<BR>このようにURLを直前につけることができるのです。さぁ、今度は画像を呼び出してみましょう。</HTML>sample.gifは別途用意してください。GIF形式のファイルなら何でもかまいません。画像であるなら基本的に何でも指定できますが、ブラウザが対応していることが条件になります。Apple社のQuickTimeなどがインストールされている場合は、様々な形式のファイルが読み込めます。※Appleのサイトは何度見ても美しいですね。インターフェースも分かりやすく非常に参考になります(^-^)ただ、一般的にはGIFかJPEGを使用します。GIFの特許問題などから、最近だとPNGが使われることもあるようです。詳しくは他の書籍か、Webサイトなどをご覧ください。※ちょっと古いですが、わかりやすく書いてあります。>ちなみに、iモードはGIF(一部JPEG)、WAP(auほか)はBMP、J-PHONEはPNG形式が標準だったりします。IMGタグには、下記のような属性が存在します。画像の場所を指定します。対パス、相対パスでの指定が可能です。画像の横幅を指定します。width="128"とすると、横幅が128ピクセルと解釈されます。width="50%"とすると、パーセントでの指定もできます。よって縮小(拡大)が行われます。簡単なサムネイルを表示するのに用いられます。ここで指定される文字が表示されます。間表示するブラウザもあります。青い線で画像が囲まれるブラウザがあります。この線の太さを指定できます。HTMLは本来、文章構造を指定するものです。“文章”ということは“段落”が存在します。それをHTMLタグでは、Paragraphの頭文字をとって、Pで指定します。</HTML>IE、NN(NC)では段落のたびに空行が作られるため、一行ほど間を空けるために使われることが多いようです。本来の意味通りの使い方をおすすめします。Pタグの属性にalgnというものが存在します。これは<P>〜</P>の間の表示位置を指定できます。リストとして、内容を表示できるタグです。</HTML>このタグを使わなくても無理やり書くことは可能ですが、後ほど出てくるCSSと組み合わせて使うことなどもできますので、なるべくタグは本来の意味通り使いましょう。ULと同じほぼ同じ意味を持ちますが、リストに順番をつけたい場合は、OLタグを使用します。テーブルとは、その本来の意味通り表(テーブル)を作成するものです。Excelのような表を、ページの中に埋め込めます。</HTML>テーブルには本当に様々な使い方があります。列や行を連結したり、背景色や背景画像を指定したり.....などなど、一度では書ききれません。今回すべてお届けするつもりでしたが、書きたいことがたくさん出てきましたので、もう少しだけお付き合いください。むー、書いていると止まらなくなってしまいます(^^;すでに001でお話した予定とはずいぶんとかけ離れてしまいました。申し訳ないですが、もうしばらくお付き合いください。その分ビシッ!と解説いたします。先々週、クルマのバッテリーが上がってしまいました(^^;ソケットから電源を取っているMDをつけっぱなしにして、2週間くらいほっといたのが原因でした。おかげで生まれて初めてJAFのお世話になりました。会員だったため一万円くらいの料金はタダだったのですが、先週と今週は充電のためひたすら走り回る羽目に(ーー;)300kくらい走ってもまだバッテリーが回復しません。う〜ん、来週も走り回らないといけないのかなぁ。※ベタやなぁ(^^;さてさて、みなさんからのご意見やご質問は随時受け付けております。Wiki文法が有効です:人間の証明として、ボックス内の全ての文字を入力してください。20:18(外部編集)。