ブログ作成に必要な基本的なHTMLタグについて説明してます!(HTML フォント レイアウト リンク・画像 テーブルなど)
初心者のブログ作成 HTMLタグ研究所!
サイト マップ
お問い合せ
LINK
HTMLタグの他にPC・インターネット関連用語集や便利なショートカットキー一覧 ・ 無料で利用できる便利なサイトも紹介してるのでゆっくり見て下さい!
テーブルタグ
表のマスごとに文字位置を指定の説明と例
<table border width="
横幅数
" height="
縦幅数
">
※
数字を入れる際は半角英数字で入力して下さい!
※
表の縦横幅を指定した場合、入れる文字数によっては(改行されるので)思うように表示ができない場合があるので上手く調整して下さい!!
<td align="
横位置
" valign="
縦位置
">
ここに文字
</td>
横の位置
に入れる文字
center right left
の3種類です!
(水平位置揃え)
縦の位置
に入れる文字
top middle bottom
の3種類です!
(垂直位置揃え)
スポンサード リンク
表のマスごとに文字位置を指定の例
A
B
C
D
E
F
G
H
I
上の表のHTMLタグ
<table border width="
210
" height="
236
">
<tr>
<td align="
left
" valign="
top
">
A
</td>
<td align="
center
" valign="
middle
">
B
</td>
<td align="
right
" valign="
bottom
">
C
</td>
</tr>
<tr>
<td align="
right
" valign="
bottom
">
D
</td>
<td align="
center
" valign="
middle
">
E
</td>
<td align="
left
" valign="
top
">
F
</td>
</tr>
<tr>
<td>
G
</td><td>
H
</td><td>
I
</td>
</tr>
</table>
表の横幅を
210
に縦幅を
236
に指定しています!
※
表の縦横幅を指定した場合、入れる文字数によっては(改行されるので)思うように表示ができない場合があるので上手く調整して下さい!!
表のマスについて
AとF
は水平位置揃えを
左揃え
に垂直位置揃えを
上揃え
に指定
BとE
は水平位置揃えを
中央揃え
に垂直位置揃えを
中央揃え
に指定
CとD
は水平位置揃えを
右揃え
に垂直位置揃えを
下揃え
に指定
G、H、I
は何も指定してません!
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.
|
[PR]
住宅リフォーム