ホームページ作成支援。
HTMLに関するチョトしたテクニックを集めてみました。
他に、「これってどうやればいいの？」という案件がありましたら、
マデご連絡くださいませ。
あれ？ちゃんと改行されてない？
HTML文書に、文字をずらっと書いて、自分ではちゃんと改行したつもりが……全部、文字がつながってしまったとき。
改行タグ<br>を書いていないのが、原因です。よくよく、見直してみましょう。
空白スペースが無視されて、文字が詰まってしまった……
空白スペースを使って文字の位置を合わせたのに、ブラウザで見たら、空白がムシされてしまったとき。
空白スペースのかわりに【 】と書き込みましょう。ブラウザは、この文字列を空白として処理してくれます。
画像ファイルにリンクをつけたら、線が表示された……
画像をリンクに含めたら、線が出てしまった。
<img>タグに、border=0と書きましょう。下↓のような感じでHTMLを書きます。
例)<a href="img/pre_big.jpg" title="画像をクリックすると、大きな画像が見れます"> <img src="img/pre_small.jpg" alt="メモ帳で書いたときの様子" border=0></a>
<>…この文字を使いたいけど？
大なり、小なりを使いたいけど、タグと一緒になっているみたい？HTMLに書くときは、【 < 】(小なり)【 > 】(大なり)を使います。HTMLでは、<>はプログラムの一部として扱われます。ですので、普通にHTMLファイルに<>と書き込むと、プログラムだ！と勝手に解釈してしまいます。
そこで、その代わりに<や>と書くことで、ブラウザは大なり・小なりの文字を表示してくれます。
※例外ってこと。
このような例外文字は、以下の種類があります。
| 文字列 | ブラウザ表示 | 読み |
|---|---|---|
| < | < | 小なり |
| > | > | 大なり |
| | 改行しない半角空白 | |
| " | " | ダブルコーテーション |
| & | & | アンパサンド |
| ♥ | ♥ | ハート文字 |
ハート型なのですが、♥に対応していないブラウザもありますので、あまり使わないほうが良いようです。楽天日記では、これらの例外文字を使うことができません(エラーメッセージが表示されます)他にも、<pre>タグで修飾する(囲む)方法もあります。
→ 
この<pre>タグは、囲まれている間の文字列は、プログラムとして解釈せずにそのまま表示するという意味を持ちます。
また、このタグに囲まれている間は、改行も、改行タグ<br>を使わずに表現できます。
いくつかのブロックを、タテ・ヨコに並べたい！
画像をいれたり、文字をいれたら、レイアウトがめちゃめちゃ！<table>タグを使います。ですが、そのまま使うと、上記のテーブルのように、枠線が表示されてしまうので、この枠線を消します。
枠線を消すには、<table>タグのborder属性の値を0にします。すると、画面上で枠線は見えなくなります。
先ほどの例で、border=0にしてみると……
HTMLの例）
|
<table border=0> <tr><th>文字列</th><th>ブラウザ表示</th><th>読み</th></tr> <tr><td><</td><td align=center><</td><td>小なり</td></tr> <tr><td>></td><td align=center>></td><td>大なり</td></tr> <tr><td> </td><td align=center> </td><td>改行しない半角空白</td></tr> <tr><td>"</td><td align=center>"</td><td>ダブルコーテーション</td></tr> <tr><td>&</td><td align=center>&</td><td>アンパサンド</td></tr> <tr><td>♥</td><td align=center>♥</td><td>ハート文字</td></tr> </table> |
上記のようにHTMLを書くと、下部のように表示されます。
|
表形式で表示したい場合には、borderは設定しておいたほうが、ガイドラインがあって見やすくて良いですが、画像を並べたりするときは、border=0にして、見えなくしてしまいましょう！
<table>タグを使っての、Webデザインには賛否両論あるのですが、どうしても使わざるを得ないのが現状です複雑で巨大なテーブルを作るよりも、小さなテーブルをたくさん配置する方が、表示が速いようです文字や画像の位置を合わせたい！
テーブルを使ってレイアウトしようとしたけど……うまく合わない！| 小さな画像 | 大きな画像 | たくさん字を書いて改行になったときはこんな感じになるはず、なるはず……ならないときは、文字サイズを大きくしてねん。じゃないと、改行のときのデザインのズレのイメージがわからないのよぅ〜。確かに |
|  | どうですか？ |
Tableタグをそのまま使うと、画像のサイズが違ったり、文字の長さが違ったりして、位置が合わないことがあります。基本的に、テーブル内のブロック要素は、ヨコ/左詰め・タテ/中央になっています。
上に合わせたい場合は、<td>要素のvalign属性をtopにします。
| 小さな画像 | 大きな画像 | たくさん字を書いて改行になったときはこんな感じになるはず、なるはず……ならないときは、文字サイズを大きくしてねん。じゃないと、改行のときのデザインのズレのイメージがわからないのよぅ〜 |
| 上に動いてるでしょ？ | | どうですか？ |
※今回は、すべてのセルに設定してみました。
| タテ valign属性 | ヨコ align属性 | |
| 上 | top | - |
| 下 | bottom | - |
| 中央 | center | center |
| 右 | - | right |
| 左 | - | left |
valign属性と、align属性はひとつのタグにつき、ひとつずつ設定が可能ですOutLookのたしなみ
http://member.nifty.ne.jp/sinka893/outlook_express/こちらのサイトでは、「電子メール（Outlook Express 5）使いこなし術（設定・マナー・活用）」と題して、OutLookの使い方とかを説明してくださってます。
メールソフトを使いこなすには、ここの情報は必須カモ？
ホームページを公開するには？