html: 2009年5月まとめ

サンプルソース

テーブルにボーダーを指定するときのサンプル。

cssソース

table.type01 { border-collapse:collapse; margin-left:1px; width:371px;}
table.type01 th { background:#eeeeee; font-weight:normal;}
table.type01 td { width:;}
table.type01 th,
table.type01 td { border:1px #666 solid; padding:8px; line-height:1; vertical-align:top; text-align:left;}

htmlソース

<table class="type01" cellspacing="0">
<tr><th>テーブルのサンプル</th><td>htmlサンプル</td></tr>
<tr><th>ああああああ</th><td>いいいいい</td></tr>
</table>

表示結果

テーブルのサンプル	htmlサンプル
ああああああ	いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい

The Web KANZAKI -- Japan, music and computer

すごくわかりやすい。
なお、こちらのhtmlのソースを見るととても勉強になります。

よくやるのはjavascriptやphpで外部htmlファイルを読み込む方法でしょうか。
SEOを気にしなければframeタグを使用して読みこんでも実現できます。

on the center line.
JavaScriptを使ってHTMLのインクルードを実現

javascriptの方法だとブラウザでjavascriptが動いていないときは不具合が発生してしまいますが、２００９年現在の各ブラウザではそんな事態が発生する事の方が稀なのでしょうか。
javascriptでhtmlを操作するサイトも増えて来たように感じます。

ネットマニア
php３行でhtmlファイルを読み込む方法

こちらはサーバーでphpが使える事が使用条件。
phpとして認識させる為に拡張子をphpに変更する。

HTMLで使える文字実体参照
水無月ばけらさんのページ。
いつも使わせていただいていますm(_ _)m

http://www.ne.jp/asahi/minazuki/bakera/html/reference/charref

ふとした瞬間に使うんですよね。

よく使うhtmlタグの実体参照

&	&（半角のアンド）
&lt;	<
&gt;	>