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

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


テーブルタグ


表の枠線に色を付けるの説明と例


<table border bordercolor="変えたい色のコード">


カラーコードについてはカラーコード（色見本）を見て好きな色のコードをマウスでコピーして貼り付けて下さい！

※ 文字や数字を入れる際は半角英数字で入力して下さい！


表の枠線に色を付けるの例１

A B C
D E F
G H I

上の表のHTMLタグ
<Table border bordercolor="#ff00ff">
<tr>
<td>A</td><td>B</td><td>C</td>
</tr>
<tr>
<td>D</td><td>E</td><td>F</td>
</tr>
<tr>
<td>G</td><td>H</td><td>I</td>
</tr>
</Table>

ノーマルな線、色はピンク(#ff00ff)

カラーコードについてはカラーコード（色見本）を見て好きな色のコードをマウスでコピーして貼り付けて下さい！

※ 当サイトで紹介している表にこのHTMLタグを使用したい場合は
表のHTMLタグのトップを<Table border bordercolor="#ff00ff">に変えれば利用できます！（色は好きな色に変更して下さい）


スポンサード　リンク



表の枠線に色を付けるの例２

A B C
D E F
G H I

上の表のHTMLタグ
<Table border="5" bordercolor="#BDDD77">
<tr>
<td>A</td><td>B</td><td>C</td>
</tr>
<tr>
<td>D</td><td>E</td><td>F</td>
</tr>
<tr>
<td>G</td><td>H</td><td>I</td>
</tr>
</Table>

太さ5の線、色は薄い抹茶(#BDDD77)

カラーコードについてはカラーコード（色見本）を見て好きな色のコードをマウスでコピーして貼り付けて下さい！


<table cellspacing="セルとセル間隔数（半角）" border="線の太さ数（半角）" bordercolor="カラーコード">

★cellspacin　セルの間隔を調節することで、表内の枠線を太く見せたり、細く見せたりすることが出来ます！


表の枠線に色を付けるの例３

A B C
D E F
G H I

上の表のHTMLタグ
<Table cellspacing="0" border="10" bordercolor="#E29B00">
<tr>
<td>A</td><td>B</td><td>C</td>
</tr>
<tr>
<td>D</td><td>E</td><td>F</td>
</tr>
<tr>
<td>G</td><td>H</td><td>I</td>
</tr>
</Table>

セルとセル間隔0太さ10の線、色は濃いオレンジ(#E29B00)

カラーコードについてはカラーコード（色見本）を見て好きな色のコードをマウスでコピーして貼り付けて下さい！


スポンサード　リンク


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. |