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

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


テーブルタグ


表に見出し(太字部分)を入れるの説明と例


<th>見出しにしたい文字</th>


表に見出しを入れるの例

A B C D E
F G H I J
K L M N O

上の表のHTMLタグ
<table border>
<tr>
<th>A</th><td>B</td><td>C</td><td>D</td><td>E</td>
</tr>
<tr>
<th>F</th><td>G</td><td>H</td><td>I</td><td>J</td>
</tr>
<tr>
<th>K</th><td>L</td><td>M</td><td>N</td><td>O</td>
</tr>
</table>

この表は各行の1列目に見出しタグ(<th></th>)を使用しました!


太字になっている部分が見出しです。


使い方は今まで表に使っていた<td>〜</td>を<th></th>に変えればその部分が見出しになります。


他のページで紹介している<Table>タグを使って作成した表に見出しを付けたい場合はHTMLタグ練習ページを使って入れたい部分の<td>〜</td>を
<th></th>に変更して下さい!



スポンサード リンク



表に見出しを入れるの例1

A B C D
E F G H
I J K L
M N O P

上の表のHTMLタグ
<table border>
<tr>
<th>A</th><th>B</th><th>C</th><th>D</th>
</tr>
<tr>
<td>E</td><td>F</td><td>G</td><td>H</td>
</tr>
<tr>
<td>I</td><td>J</td><td>K</td><td>L</td>
</tr>
<tr>
<td>M</td><td>N</td><td>O</td><td>P</td>
</tr>
</table>

この表は1行目に見出しタグ(
<th></th>)を使用しました!


他のページで紹介している<Table>タグを使って作成した表に見出しを付けたい場合はHTMLタグ練習ページを使って入れたい部分の<td>〜</td>を
<th></th>に変更して下さい!



スポンサード リンク



<th width="横幅" height="縦幅">見出しにしたい文字</th> 

先のページで紹介した1マスの幅を指定の見出し版です!

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


表に見出しを入れるの例2

A B C D
E F G H
I J K L

上の表のHTMLタグ
<table border>
<tr>
<th width="60" height="80">A</th><th>B</th><th>C</th><th>D</th>
</tr>
<tr>
<td>E</td><td>F</td><td>G</td><td>H</td>
</tr>
<tr>
<td>I</td><td>J</td><td>K</td><td>L</td>
</tr>
</table>

この表は1行目に見出しタグ(<th></th>)を使用しました!


更に1列目の横幅
60に縦幅を80に指定しています。


見出しの幅を指定したい場所に下のHTMLタグを入れて好きな幅数を半角英数字で入れて下さい!


<th width="横幅" height="縦幅">見出しにしたい文字</th>


他のページで紹介している<Table>タグを使って作成した表に見出し+幅を指定したい場合はHTMLタグ練習ページを使って入れたい部分の<td>〜</td>を <th width="横幅" height="縦幅"></th>に変更して下さい!



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