コミュ障だから明日が僕らをよんだって返事もろくにしなかった

何かを創る人に憧れたからブログをはじめたんだと思うよ

きっと何者にもなれない僕だから

せこい生き方しかできないから、ブログでよく使う覚えておくべきHTMLタグという名目で自分のブログのレイアウトを確認することにするよ

メモとして記事を書く奴~

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

ブログでよく使うHTMLタグ

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

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

余りました。

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6>余りました。</h6>


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

  • 番号が
  • つかない

  1. 番号が
  2. つく

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

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


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

クリックしちゃだめ

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


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

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

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


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

RedBlueGreen

<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