ブログ作成に必要な基本的な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.
|
[PR]
人材紹介