ブログ作成に必要な基本的なＨＴＭＬタグについて説明してます！（ＨＴＭＬ フォント レイアウト リンク・画像 テーブルなど）

初心者のブログ作成 ＨＴＭＬタグ研究所！ サイト マップ お問い合せ LINK
HTMLタグの他にPC・インターネット関連用語集や便利なショートカットキー一覧 ・ 無料で利用できる便利なサイトも紹介してるのでゆっくり見て下さい！


テーブルタグ


テーブルとは表を作成するのに使用するタグです！

表を書くには<Table>このHTMLタグを使用します。　

<Table>の次に<Tr>〜</Tr>で表の横行を示し <Th>〜</Th>（見出し）又は<Td>〜</Td>（データ）で表の縦列を現します！


例）2列×2行のテーブルタグ
<Table Border="1">
<Tr><Td>1列×1行</Td><Td>2列×1行</Td></Tr>
<Tr><Td>1列×2行</Td><Td>2列×2行</Td></Tr>
</Table>
表示例
　
1列×1行 2列×1行
1列×2行 2列×2行
　


ポイント
１、<Table Border="1">の"1"の数字を0（半角英数字）にすると枠が表示されなくなります！逆に数字（2〜10）を大きくすると枠線の太さが太くなります！


２、<Td>と</Td>の間に文字や画像タグを入れると上記のように表示されます！<Th>〜</Th>の場合も同じです！　　<Td>ここに文字</Td>


３、</Table></Tr></Th></Td>などの終了タグを書き忘れた場合 、ページが上手く表示されないので注意して下さい！


スポンサード　リンク


テーブルタグを使用した例
<Table Border="1">
<Tr>
<Td>製造番号</Td><Td>色（カラー）</Td><Td>在庫数</Td> 
</Tr>
<Tr>
<Td>１２３４BC</Td><Td>ブラック</Td><Td>残り１７個</Td> 
</Tr>
<Tr>
<Td>５６７８HT</Td><Td>ホワイト</Td><Td>残り１５個</Td>
</Tr>
</Table>
表示例

製造番号 色（カラー） 在庫数
１２３４BC 黒（ブラック） 残り１７個
５６７８HT 白（ホワイト） 残り１５個



HTMLタグを使う場合の注意点！

HTMLタグを使う場合の入力方法は半角英数字です。　基本となるHTMLタグはコピー・貼り付けで構いませんがサイズ・カラーコード・アドレスなどの数字や文字を入力する場合に半角英数字以外の文字で入力すると正しく表示されないので注意して下さい！

また、HTMLタグを入力する際は半角英数字ですが大文字と小文字の区別は無いので気にしないで下さい。

HTMLタグには開始タグと終了タグがあります。

例）<Font Size="1〜7">〜</Font>　最初の<Font Size="1〜7">が開始タグで後の/スラッシュが付いた</Font>が終了タグになります。　終了タグを入れ忘れた場合ページのレイアウトが崩れることがあるので気をつけましょう！

その他に、基本のHTMLタグの<>←カッコ、"←ダブル クォーテーションやHTMLタグ内の記号・文字・数字などを消したり、スペースを空けたり・くっつけたり、改行したりするとHTMLタグが正しく表示されないので注意して下さい。

上記のミスが非常に多いので作成の際はPCのメモ帳などを利用してHTMLタグの見直しをして下さい。

また、正しく表示できない場合も基本のHTMLタグやここで説明した内容を確認してみて下さい！

HTMLタグは最初は見なれない文字や記号が多いので意味が解らないと思いますが使用しているうちになれて読めるようになります。　少しずつ落ち着いて作業して下さい！
ページトップ
Copyright (C) 初心者のブログ作成 ＨＴＭＬタグ研究所！ All Rights Reserved. |