ブログ作成に必要な基本的なHTMLタグについて説明してます!(HTML フォント レイアウト リンク・画像 テーブルなど)

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


テーブルタグ


表の線の太さについて2の説明と例


枠全体の太さ・色を変える


基本のテーブルタグの最初の<Table Border>を下のタグに変更すれば枠全体の太さ・色を変更することが出来ます!

使用するHTMLタグ

枠の太さを変更するタグ

<Table Border Cellspacing="1〜10">


枠の太さと色を変更するタグ

<Table Border Bordercolor="#カラーコード" Cellspacing="1〜10">


枠線の太さは1〜10がおすすめです!(それ以上も可能ですが)

数字を入れる際は半角英数字で入力して下さい!


カラーコードについてはカラーコード(色見本)のページを見て下さい。


枠全体の太さを変える

これから説明に使う基本のテーブルタグは2列2行の表を使います!

枠線が見やすくするために

基本のテーブルタグの場合
<Table Border>
<Tr>
<Td>ここに文字</Td><Td>ここに文字</Td>
</Tr>
<Tr>
<Td>ここに文字</Td><Td>ここに文字</Td>
</Tr>
</Table>
変換後

ここに文字ここに文字
ここに文字ここに文字



枠全体の太さを変えるテーブルタグを使用した例
<Table Border Cellspacing="7">
<Tr>
<Td>ここに文字</Td><Td>ここに文字</Td>
</Tr>
<Tr>
<Td>ここに文字</Td><Td>ここに文字</Td>
</Tr>
</Table>

枠線の太さは1〜10がおすすめです!

数字は半角英数字で入力して下さい!

今回は太さ7に指定しています。

変換後

ここに文字ここに文字
ここに文字ここに文字



スポンサード リンク



枠全体の太さ・色を変える


枠全体の太さ・色を変えるテーブルタグを使用した例
<Table Border Bordercolor="#FFB800" Cellspacing="8">
<Tr>
<Td>ここに文字</Td><Td>ここに文字</Td>
</Tr>
<Tr>
<Td>ここに文字</Td><Td>ここに文字</Td>
</Tr>
</Table>

枠線の太さは
1〜10がおすすめです!

数字は半角英数字で入力して下さい!

今回は太さ8に色はオレンジに指定しています。


カラーコード(色見本)を見て好きな色のコードをマウスでコピーして貼り付けて下さい!

変換後

ここに文字ここに文字
ここに文字ここに文字



枠全体の太さ・色を変えるテーブルタグを使用した例
<Table Border Bordercolor="#FFB800" Cellspacing="0">
<Tr>
<Td>ここに文字</Td><Td>ここに文字</Td>
</Tr>
<Tr>
<Td>ここに文字</Td><Td>ここに文字</Td>
</Tr>
</Table>

枠線の太さは
1〜10がおすすめです!

数字は半角英数字で入力して下さい!

今回は太さ0に色はオレンジに指定しています。


カラーコード(色見本)を見て好きな色のコードをマウスでコピーして貼り付けて下さい!

変換後

ここに文字ここに文字
ここに文字ここに文字



スポンサード リンク


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

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

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

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

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

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

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

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

HTMLタグは最初は見なれない文字や記号が多いので意味が解らないと思いますが使用しているうちになれて読めるようになります。 少しずつ落ち着いて作業して下さい!


Copyright (C) 初心者のブログ作成 HTMLタグ研究所! All Rights Reserved. |