トップページ 利用規約 掲示板 ランキング 初心者説明 質問集 リンクする 相互リンク
タグの説明 テーブルタグ スタイルシート 色の見本 素材屋リンク 作成リンク WEBスペース レンタルリンク
HTMLタグの紹介
htmlタグとはホームページを作っている文字を表します。ホームページを作るときにはかかせないもので、ホームページはこのタグの集まりによってできています。タグは「 < 」 「 > 」←このようなカッコで囲まれており、このカッコの中に間に下のような字を入れることによって効果が反映されます。
全体 <body>
タイトル <title>
改行 <br>
段落 <p>
横罫線 <hr>
センター <center>
範囲 (部分) <span>
範囲 (1行) <div>
見出し <h数>
リンクする <a href=" ">
画像表示 <img src=" ">
メール <a href=" ">
コメント <!--  -->
字を太字 <b>
字をイタリック <i>
字を等幅 <tt>
字に下線 <u>
字に取消し線 <s>
字を上付き <sup>
字を下付き <sub>
字を強調 <strong>
字を大きく <big>
字を小さく <small>
字の大きさ <font size=" ">
字の色 <font color=" ">
字の種類 <font face=" ">
表 <table><tr><td>
表背景に画像 <table>
マークリスト <ul><li>
数字リスト <ol><li>
説明リスト <dl><dt>
1行フォーム <input type=" ">
パスワード <input type=" ">
送信、リセット <input>
テキストエリア <textarea>
ラジオボタン <input type=" ">
チェックボタン <input type=" ">
メニュー <select>
リストボックス <select>

表(テーブルタグ) <table><tr><td>

テーブルタグを活用する
タグ <table border>
<tr>
<td>文字1</td><td>文字2</td><td>文字3</td>
</tr>
<tr>
<td>文字4</td><td>文字5</td><td>文字6</td>
</tr>
<tr>
<td>文字7</td><td>文字8</td><td>文字9</td>
</tr>
</table>
結果
文字1文字2文字3
文字4文字5文字6
文字7文字8文字9
解説 <table border> の「table」がテーブルタグの始まりです。 「border」 は表の枠を表示するという意味です。これをナシにすると透明になり、レイアウトなどに使用するのにも使えます。
<tr> は縦の段を1段増やせます。 <td> は横の文字を書ける部分(セル)を1つ増やせます。 「border」 を 「border="数字"」 のように数字で外枠の太さを変える事もできます。
テーブルタグ情報も参考にして下さい。

テーブル全体の位置を変える
タグ <table border align="center">
<tr>
<td>文字1</td><td>文字2</td><td>文字3</td>
</tr>
<tr>
<td>文字4</td><td>文字5</td><td>文字6</td>
</tr>
<tr>
<td>文字7</td><td>文字8</td><td>文字9</td>
</tr>
</table>
結果
文字1文字2文字3
文字4文字5文字6
文字7文字8文字9
解説 <table border> に 「align="center"」と加えると 表が中心表示されます。  「align="center"」 の 「center」 を 「right」 に変えると右に寄ります。
テーブルタグ情報も参考にして下さい。

簡単に太字で真ん中に表示
タグ <table border>
<tr>
<th>文字1</th><td>文字2</td><td>文字3</td>
</tr>
<tr>
<td>文字4</td><th>文字5</th><td>文字6</td>
</tr>
<tr>
<td>ここに文字7</td><td>ここに文字8</td><th>ここに文字9</th>
</tr>
</table>
結果
文字1文字2文字3
文字4文字5文字6
ここに文字7ここに文字8ここに文字9
解説 <td>文字1</td> の、「td」の所を「th」にするだけで太字のセル内で真ん中に表示される機能があります。 太字にするタグなどイチイチ使わなくていいので便利です。 表の一番下の段は 上の段が真ん中に表示されてるのが分かり易いように字数を増やしました。テーブルタグは幅を指定してないと字が増えた文だけ横に伸びていく性質があります。
テーブルタグ情報も参考にして下さい。

▲目次へ

お役立ちリンク集: sozai-R 素材NAVI イラスト素材プチッチ HP作成無料 ホームページ制作会社 ジェバアーツ 格安ホームページの制作屋