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

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


テーブルタグ

2列×4行〜10列×5行のテーブルタグ 

★（何列）×（何行） の部分に言葉、画像などを入れてお使い下さい！

2列×4行
1×1 2×1
1×2 2×2
1×3 2×3
1×4 2×4

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td> 
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td> 
</Tr>
</Table>

3列×4行
1×1 2×1 3×1
1×2 2×2 3×2
1×3 2×3 3×3
1×4 2×4 3×4

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td><Td>3×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td><Td>3×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td><Td>3×3</Td> 
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td><Td>3×4</Td> 
</Tr>
</Table>

4列×4行
1×1 2×1 3×1 4×1
1×2 2×2 3×2 4×2
1×3 2×3 3×3 4×3
1×4 2×4 3×4 4×4

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td><Td>3×1</Td><Td>4×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td><Td>3×2</Td><Td>4×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td><Td>3×3</Td><Td>4×3</Td>
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td><Td>3×4</Td><Td>4×4</Td>
</Tr>
</Table>

5列×4行
1×1 2×1 3×1 4×1 5×1
1×2 2×2 3×2 4×2 5×2
1×3 2×3 3×3 4×3 5×3
1×4 2×4 3×4 4×4 5×4

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td><Td>3×1</Td><Td>4×1</Td><Td>5×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td><Td>3×2</Td><Td>4×2</Td><Td>5×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td><Td>3×3</Td><Td>4×3</Td><Td>5×3</Td>
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td><Td>3×4</Td><Td>4×4</Td><Td>5×4</Td>
</Tr>
</Table>

6列×4行
1×1 2×1 3×1 4×1 5×1 6×1
1×2 2×2 3×2 4×2 5×2 6×2
1×3 2×3 3×3 4×3 5×3 6×3
1×4 2×4 3×4 4×4 5×4 6×4

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td><Td>3×1</Td><Td>4×1</Td><Td>5×1</Td><Td>6×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td><Td>3×2</Td><Td>4×2</Td><Td>5×2</Td><Td>6×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td><Td>3×3</Td><Td>4×3</Td><Td>5×3</Td><Td>6×3</Td>
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td><Td>3×4</Td><Td>4×4</Td><Td>5×4</Td><Td>6×4</Td>
</Tr>
</Table>

7列×4行
1×1 2×1 3×1 4×1 5×1 6×1 7×1
1×2 2×2 3×2 4×2 5×2 6×2 7×2
1×3 2×3 3×3 4×3 5×3 6×3 7×3
1×4 2×4 3×4 4×4 5×4 6×4 7×4

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td><Td>3×1</Td><Td>4×1</Td><Td>5×1</Td><Td>6×1</Td><Td>7×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td><Td>3×2</Td><Td>4×2</Td><Td>5×2</Td><Td>6×2</Td><Td>7×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td><Td>3×3</Td><Td>4×3</Td><Td>5×3</Td><Td>6×3</Td><Td>7×3</Td>
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td><Td>3×4</Td><Td>4×4</Td><Td>5×4</Td><Td>6×4</Td><Td>7×4</Td>
</Tr>
</Table>

8列×4行
1×1 2×1 3×1 4×1 5×1 6×1 7×1 8×1
1×2 2×2 3×2 4×2 5×2 6×2 7×2 8×2
1×3 2×3 3×3 4×3 5×3 6×3 7×3 8×3
1×4 2×4 3×4 4×4 5×4 6×4 7×4 8×4

この表のHTMLタグ

<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td><Td>3×1</Td><Td>4×1</Td><Td>5×1</Td><Td>6×1</Td><Td>7×1</Td><Td>8×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td><Td>3×2</Td><Td>4×2</Td><Td>5×2</Td><Td>6×2</Td><Td>7×2</Td><Td>8×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td><Td>3×3</Td><Td>4×3</Td><Td>5×3</Td><Td>6×3</Td><Td>7×3</Td><Td>8×3</Td>
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td><Td>3×4</Td><Td>4×4</Td><Td>5×4</Td><Td>6×4</Td><Td>7×4</Td><Td>8×4</Td>
</Tr>
</Table>
9列×4行
1×1 2×1 3×1 4×1 5×1 6×1 7×1 8×1 9×1
1×2 2×2 3×2 4×2 5×2 6×2 7×2 8×2 9×2
1×3 2×3 3×3 4×3 5×3 6×3 7×3 8×3 9×3
1×4 2×4 3×4 4×4 5×4 6×4 7×4 8×4 9×4

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td><Td>3×1</Td><Td>4×1</Td><Td>5×1</Td><Td>6×1</Td><Td>7×1</Td><Td>8×1</Td><Td>9×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td><Td>3×2</Td><Td>4×2</Td><Td>5×2</Td><Td>6×2</Td><Td>7×2</Td><Td>8×2</Td><Td>9×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td><Td>3×3</Td><Td>4×3</Td><Td>5×3</Td><Td>6×3</Td><Td>7×3</Td><Td>8×3</Td><Td>9×3</Td>
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td><Td>3×4</Td><Td>4×4</Td><Td>5×4</Td><Td>6×4</Td><Td>7×4</Td><Td>8×4</Td><Td>9×4</Td>
</Tr>
</Table>

10列×4行
1×1 2×1 3×1 4×1 5×1 6×1 7×1 8×1 9×1 10×1
1×2 2×2 3×2 4×2 5×2 6×2 7×2 8×2 9×2 10×2
1×3 2×3 3×3 4×3 5×3 6×3 7×3 8×3 9×3 10×3
1×4 2×4 3×4 4×4 5×4 6×4 7×4 8×4 9×4 10×4

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td><Td>3×1</Td><Td>4×1</Td><Td>5×1</Td><Td>6×1</Td><Td>7×1</Td><Td>8×1</Td><Td>9×1</Td><Td>10×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td><Td>3×2</Td><Td>4×2</Td><Td>5×2</Td><Td>6×2</Td><Td>7×2</Td><Td>8×2</Td><Td>9×2</Td><Td>10×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td><Td>3×3</Td><Td>4×3</Td><Td>5×3</Td><Td>6×3</Td><Td>7×3</Td><Td>8×3</Td><Td>9×3</Td><Td>10×3</Td>
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td><Td>3×4</Td><Td>4×4</Td><Td>5×4</Td><Td>6×4</Td><Td>7×4</Td><Td>8×4</Td><Td>9×4</Td><Td>10×4</Td>
</Tr>
</Table>

2列×5行
1×1 2×1
1×2 2×2
1×3 2×3
1×4 2×4
1×5 2×5

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td> 
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td> 
</Tr>
<Tr>
<Td>1×5</Td><Td>2×5</Td> 
</Tr>
</Table>

3列×5行
1×1 2×1 3×1
1×2 2×2 3×2
1×3 2×3 3×3
1×4 2×4 3×4
1×5 2×5 3×5

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td><Td>3×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td><Td>3×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td><Td>3×3</Td> 
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td><Td>3×4</Td> 
</Tr>
<Tr>
<Td>1×5</Td><Td>2×5</Td><Td>3×5</Td> 
</Tr>
</Table>

4列×5行
1×1 2×1 3×1 4×1
1×2 2×2 3×2 4×2
1×3 2×3 3×3 4×3
1×4 2×4 3×4 4×4
1×5 2×5 3×5 4×5

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td><Td>3×1</Td><Td>4×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td><Td>3×2</Td><Td>4×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td><Td>3×3</Td><Td>4×3</Td>
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td><Td>3×4</Td><Td>4×4</Td>
</Tr>
<Tr>
<Td>1×5</Td><Td>2×5</Td><Td>3×5</Td><Td>4×5</Td>
</Tr>
</Table>

5列×5行
1×1 2×1 3×1 4×1 5×1
1×2 2×2 3×2 4×2 5×2
1×3 2×3 3×3 4×3 5×3
1×4 2×4 3×4 4×4 5×4
1×5 2×5 3×5 4×5 5×5

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td><Td>3×1</Td><Td>4×1</Td><Td>5×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td><Td>3×2</Td><Td>4×2</Td><Td>5×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td><Td>3×3</Td><Td>4×3</Td><Td>5×3</Td>
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td><Td>3×4</Td><Td>4×4</Td><Td>5×4</Td>
</Tr>
<Tr>
<Td>1×5</Td><Td>2×5</Td><Td>3×5</Td><Td>4×5</Td><Td>5×5</Td>
</Tr>
</Table>

6列×5行
1×1 2×1 3×1 4×1 5×1 6×1
1×2 2×2 3×2 4×2 5×2 6×2
1×3 2×3 3×3 4×3 5×3 6×3
1×4 2×4 3×4 4×4 5×4 6×4
1×5 2×5 3×5 4×5 5×5 6×5

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td><Td>3×1</Td><Td>4×1</Td><Td>5×1</Td><Td>6×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td><Td>3×2</Td><Td>4×2</Td><Td>5×2</Td><Td>6×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td><Td>3×3</Td><Td>4×3</Td><Td>5×3</Td><Td>6×3</Td>
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td><Td>3×4</Td><Td>4×4</Td><Td>5×4</Td><Td>6×4</Td>
</Tr>
<Tr>
<Td>1×5</Td><Td>2×5</Td><Td>3×5</Td><Td>4×5</Td><Td>5×5</Td><Td>6×5</Td>
</Tr>
</Table>

7列×5行
1×1 2×1 3×1 4×1 5×1 6×1 7×1
1×2 2×2 3×2 4×2 5×2 6×2 7×2
1×3 2×3 3×3 4×3 5×3 6×3 7×3
1×4 2×4 3×4 4×4 5×4 6×4 7×4
1×5 2×5 3×5 4×5 5×5 6×5 7×5

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td><Td>3×1</Td><Td>4×1</Td><Td>5×1</Td><Td>6×1</Td><Td>7×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td><Td>3×2</Td><Td>4×2</Td><Td>5×2</Td><Td>6×2</Td><Td>7×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td><Td>3×3</Td><Td>4×3</Td><Td>5×3</Td><Td>6×3</Td><Td>7×3</Td>
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td><Td>3×4</Td><Td>4×4</Td><Td>5×4</Td><Td>6×4</Td><Td>7×4</Td>
</Tr>
<Tr>
<Td>1×5</Td><Td>2×5</Td><Td>3×5</Td><Td>4×5</Td><Td>5×5</Td><Td>6×5</Td><Td>7×5</Td>
</Tr>
</Table>

8列×5行
1×1 2×1 3×1 4×1 5×1 6×1 7×1 8×1
1×2 2×2 3×2 4×2 5×2 6×2 7×2 8×2
1×3 2×3 3×3 4×3 5×3 6×3 7×3 8×3
1×4 2×4 3×4 4×4 5×4 6×4 7×4 8×4
1×5 2×5 3×5 4×5 5×5 6×5 7×5 8×5

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td><Td>3×1</Td><Td>4×1</Td><Td>5×1</Td><Td>6×1</Td><Td>7×1</Td><Td>8×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td><Td>3×2</Td><Td>4×2</Td><Td>5×2</Td><Td>6×2</Td><Td>7×2</Td><Td>8×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td><Td>3×3</Td><Td>4×3</Td><Td>5×3</Td><Td>6×3</Td><Td>7×3</Td><Td>8×3</Td>
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td><Td>3×4</Td><Td>4×4</Td><Td>5×4</Td><Td>6×4</Td><Td>7×4</Td><Td>8×4</Td>
</Tr>
<Tr>
<Td>1×5</Td><Td>2×5</Td><Td>3×5</Td><Td>4×5</Td><Td>5×5</Td><Td>6×5</Td><Td>7×5</Td><Td>8×5</Td>
</Tr>
</Table>

9列×5行
1×1 2×1 3×1 4×1 5×1 6×1 7×1 8×1 9×1
1×2 2×2 3×2 4×2 5×2 6×2 7×2 8×2 9×2
1×3 2×3 3×3 4×3 5×3 6×3 7×3 8×3 9×3
1×4 2×4 3×4 4×4 5×4 6×4 7×4 8×4 9×4
1×5 2×5 3×5 4×5 5×5 6×5 7×5 8×5 9×5

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td><Td>3×1</Td><Td>4×1</Td><Td>5×1</Td><Td>6×1</Td><Td>7×1</Td><Td>8×1</Td><Td>9×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td><Td>3×2</Td><Td>4×2</Td><Td>5×2</Td><Td>6×2</Td><Td>7×2</Td><Td>8×2</Td><Td>9×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td><Td>3×3</Td><Td>4×3</Td><Td>5×3</Td><Td>6×3</Td><Td>7×3</Td><Td>8×3</Td><Td>9×3</Td>
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td><Td>3×4</Td><Td>4×4</Td><Td>5×4</Td><Td>6×4</Td><Td>7×4</Td><Td>8×4</Td><Td>9×4</Td>
</Tr>
<Tr>
<Td>1×5</Td><Td>2×5</Td><Td>3×5</Td><Td>4×5</Td><Td>5×5</Td><Td>6×5</Td><Td>7×5</Td><Td>8×5</Td><Td>9×5</Td>
</Tr>
</Table>

10列×5行
1×1 2×1 3×1 4×1 5×1 6×1 7×1 8×1 9×1 10×1
1×2 2×2 3×2 4×2 5×2 6×2 7×2 8×2 9×2 10×2
1×3 2×3 3×3 4×3 5×3 6×3 7×3 8×3 9×3 10×3
1×4 2×4 3×4 4×4 5×4 6×4 7×4 8×4 9×4 10×4
1×5 2×5 3×5 4×5 5×5 6×5 7×5 8×5 9×5 10×5

この表のHTMLタグ
<Table Border>
<Tr>
<Td>1×1</Td><Td>2×1</Td><Td>3×1</Td><Td>4×1</Td><Td>5×1</Td><Td>6×1</Td><Td>7×1</Td><Td>8×1</Td><Td>9×1</Td><Td>10×1</Td> 
</Tr>
<Tr>
<Td>1×2</Td><Td>2×2</Td><Td>3×2</Td><Td>4×2</Td><Td>5×2</Td><Td>6×2</Td><Td>7×2</Td><Td>8×2</Td><Td>9×2</Td><Td>10×2</Td> 
</Tr>
<Tr>
<Td>1×3</Td><Td>2×3</Td><Td>3×3</Td><Td>4×3</Td><Td>5×3</Td><Td>6×3</Td><Td>7×3</Td><Td>8×3</Td><Td>9×3</Td><Td>10×3</Td>
</Tr>
<Tr>
<Td>1×4</Td><Td>2×4</Td><Td>3×4</Td><Td>4×4</Td><Td>5×4</Td><Td>6×4</Td><Td>7×4</Td><Td>8×4</Td><Td>9×4</Td><Td>10×4</Td>
</Tr>
<Tr>
<Td>1×5</Td><Td>2×5</Td><Td>3×5</Td><Td>4×5</Td><Td>5×5</Td><Td>6×5</Td><Td>7×5</Td><Td>8×5</Td><Td>9×5</Td><Td>10×5</Td>
</Tr>
</Table>

スポンサード　リンク


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