例えばこのブログみたいに、ブログテーマを変更すると特定のタグで見栄えが変わったりするものがある。
そういった時に、こうやって自分のブログに記事としてまとめておくと「どんなレイアウトになるのか確認できていいのではないか」という邪悪な発想が浮かんでしまったんだ。

早速、ブログでよく使うタグを見ていくよ。
心がどす黒く濁っていない人は「ブログでよく使うHTMLタグ」という部分から読んで、「ああ、この記事はブログで使えるHTMLタグを解説しているのか。参考になるなあ」と思いながら読んでくれると僕は嬉しいよ。

<h1>～<h6>タグ
… 見出しをつけるタグだよ。1～6まであるよ。

あ

い

<h1>あ</h1>
<h2>い</h2>
<h3>う</h3>
<h4>え</h4>
<h5>お</h5>
<h6>余りました。</h6>

<li>タグ
… リスト化した項目を表示するタグだよ。番号付き<ol>タグと番号付きでない<ul>タグで囲んで使うよ。

<ul>
  <li>番号が</li>
  <li>つかない</li>
</ul>

<ol>
  <li>番号が</li>
  <li>つく</li>
</ol>

<a>タグ
… ハイパーリンクを指定するタグだよ。ハイパーリンクはとにかくすごいリンクのことだよ。関連ファイルやWebページをクリックすることで直接参照できちゃうリンクのことだよ。

<a href="#">クリックしちゃだめ</a>

<blockquote>タグ
… 引用や転載を表すタグだよ。

ふるいけやかわずとびこむみずのおと

<blockquote>ふるいけやかわずとびこむみずのおと</blockquote>

<table>タグ
… 表を挿入するよタグだよ。見出しを指す<th>タグと中身のデータを指す<td>タグ、そして表の行を指定する<tr>を組み合わせて使うよ。

赤	青	緑
Red	Blue	Green

<table>
  <tr>
    <th>赤</th><th>青</th><th>緑</th>
  </tr>
  <tr>
    <td>Red</td><td>Blue</td><td>Green</td>
  </tr>
</table>

<img>タグ
… 画像を挿入するタグだよ。

ダミー画像

<img src="http://placehold.it/400x300" alt="ダミー画像" width="400" height="300" />

ダミー画像はここのものを使っているよ。いちいち画像を用意しなくていいから便利だよ。
Placehold.it - Quick and simple image placeholders