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

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


テーブルタグ


横の列ごとに文字の位置を指定の説明と例


<Table border width="横幅数" height="縦幅数"> 

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

表の縦横幅を指定した場合、入れる文字数によっては(改行されるので)思うように表示ができない場合があるので上手く調整して下さい!!


<tr align="横位置"valign="縦位置">
<td>ここに文字</td></tr>


横の位置(値)
に入れる文字 center right left の3種類です!
(水平位置揃え)


縦の位置(値)に入れる文字 top middle bottom の3種類です!
(垂直位置揃え)


スポンサード リンク



横の列ごとに文字の位置を指定の例

A B C
D E F
G H I

上の表のHTMLタグ
<Table border width="190" height="130">
<tr align="
center" valign="middle">
<td>
A</td><td>B</td><td>C</td>
</tr>
<tr align="
left" valign="top">
<td>
D</td><td>E</td><td>F</td>
</tr>
<tr align="
right" valign="bottom">
<td>
G</td><td>H</td><td>I</td>
</tr>
</table>

表の横幅は
190に縦幅は130に指定してます!

表の縦横幅を指定した場合、入れる文字数によっては(改行されるので)思うように表示ができない場合があるので上手く調整して下さい!!


表の列について

ABC は水平位置揃えを中央揃えに垂直位置揃えを中央揃えに指定


DEF は水平位置揃えを左揃えに垂直位置揃えを上揃えに指定


GHI は水平位置揃えを右揃えに垂直位置揃えをした下揃えに指定


HTMLタグ練習ページで確認しながら幅や位置を調整すると便利なので利用してみて下さい。



スポンサード リンク


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