■へっぽこHTML講座（番外編）

-自称「本には載ってない」（載ってるかも？）-
HTML（はいぱーてきすと・まーくあっぷらんげぇじ）の解説をしているページや本は数多くありますが、それらの大半は「HTMLの正しい使い方」を重視しております。そこで今回は少し裏技っぽいHTMLの表記の仕方について簡単に書いてみようと思います。多少マニアックなこと書いてるので分からないかもしれませんが、こんなあがき方もあるんだなってことで。それと、環境（ブラウザ）によっては何もおこらないものもございますので注意です。

1. </FORM>の後ろにできる空行をテーブルでなくす！
   
   <FORM>や<UL>タグを使うと、最後に閉じた際に１行空行が出来てしまいます。ここに書いたものは、これを無理やりテーブルタグでなくしてしまおうというものです。とりあえず下に例を・・・。
   

   改造前 セガサターン、シロ！ YESNO

   →

   改造後 セガサターン、シロ！ YESNO

   <!--改造前HTMLそーす-->
   <table border="1"><tr><td>
   <form>
   セガサターン、シロ！<br>
   <input type="radio" name="test1" checked>YES
   <input type="radio" name="test1">NO<br>
   <input type="submit" value="OK">
   <input type="reset" value="RESET">
   </form>
   </td></tr></table>

   <!--改造後HTMLそーす-->
   <table border="1"><tr><td>
   <form>
   セガサターン、シロ！<br>
   <input type="radio" name="test2" checked>YES
   <input type="radio" name="test2">NO
   <input type="submit" value="OK">
   <input type="reset" value="RESET">
   
   </td></form></tr></table>

   InternetExplorerとNetscapeとで仕様が少し違いますが、とりあえず後ろの空行はなくなると思います。

2. ハイパーリンクをボタンにしてみる
   
   

   これも同じく例を見ていただければ分かるかと。一長一短ですが、表現方法のひとつとして覚えておくとかっこいい・・・かもしれません。

   -例１-
   セガサターン、シロ！
   

   <!--例１　HTMLそーす-->
   <a href="http://www.sega.co.jp/">セガサターン、シロ！</a>
   

   -例２-
   

   <!--例２　HTMLそーす-->
   <form method="get" action="http://www.sega.co.jp/">
   <input type="submit" value="セガサターン、シロ！">
   </form>

3. 気になる(?)半角スペース
   

   これはウェブページの隙（？）を１ミリでもなくしたい方へのおまじない程度のものなので、実際そんなに気にされなくても結構です。

   -例3-
   文章の後に半角スペースが出来るかも☆
   -例4-
   文章の後に半角スペースが出来ないかも☆
   
   <!--例3　HTMLそーす-->
   文章の後に半角スペースが出来るかも☆
   <br>
   
   <!--例4　HTMLそーす-->
   文章の後に半角スペースが出来るかも☆<br>
   
   

   単に改行タグのまえにリターンを入れるか入れないかで「☆」の後ろに半角スペースが出来るかどうかの違いなのですが、実際に文字を選択してみないと気づかなかったりしますし、それでも半角スペースが出てしまうものもあります（特にInternet Explorer）、まあ「おまじない」ですから・・・。