HTML言語講座とスタイルシート

楽々ホームページ作成法♪

ホームページのリファレンス、HTML言語及びスタイルシート講座

HP-目次-

HOME

1day講座

1日で習得！
HTML言語
1 2 3 4

1日で習得！
スタイルシート
1 2 3

実用的なHTML言語たち

使い勝手の良い、HTML言語のリファレンス

ホームページを作る際に役立つもので、
ホームページを作る際に必ず必要ではないですが、
活用する場がおおいモノをピックアップしました。

HTML言語で表を作ろう！table属性

	HTML言語で
テーブルを	作る。

テーブルはbody内に
<table width="300" border="3" cellspacing="0"
cellpadding="3" summery="HTML言語でtable">

<tr>
<th></th><th>HTML言語で</th>
</tr>

<tr>
<th>テーブルを</th><td>作る。</td>
</tr>

</table>
のように記述する事で使えます。

trが行を表し
tr内にthとtdを使うことで、表を作ります。
thを使うと太字と文字の位置が中央ぞろえになります。
tdは普通の文字と同じです。

また、td、th内に文字を入れないと左上のようになります。

最初に記載した、
<table width="300" border="3" cellspacing="0"
cellpadding="3" summery="HTML言語でtable">は

table～/tableの終了タグまでが表になります。

widthはテーブルの幅でコレを100にすると、

	HTML言語で
テーブルを	作る。

狭くなりましたね。

borderはテーブルの囲いの太さでコレを10にすると、

	HTML言語で
テーブルを	作る。

周りの枠に影響します。
0にすると枠が消えます。

cellspacingはテーブルの線の太さでコレを10にすると、

	HTML言語で
テーブルを	作る。

table内の要素の間隔が広がります。

cellpaddingはテーブルの線の太さでコレを10にすると、

	HTML言語で
テーブルを	作る。

要素の欄が縦に広くなります。

今、あなたが見ている、このページもtableで作られています。

当サイトは全て、
手打ちのHTML言語、及びスタイルシートで作成されています。

リンク

リンクについて

リンクフリーなのです。
banner画像

LINKページ

文字化け解消

作者情報;ふぁるる http://www.faruru.info/

NEST:巣に帰る。

HTML言語講座とスタイルシート

楽々ホームページ作成法♪

HP-目次-

HOME

1day講座

実用的なHTML言語

リファレンス

ホームページ作成

ふぁるるのホームページ奮闘記