ブログを書くことになって、webデザインも気になるようになりました。

HTMLやCSSに関しては全くの初心者というわけではありませんが、毛が生えた程度なので、自分のお勉強&復習用の為に、載せていきたいと思います。

見出しタグを作ります

<h1>h1の見出し</h1>

<h2>h2の見出し</h2>

<h3>h3の見出し</h3>

<h4>h4の見出し</h4>

<h5>h5の見出し</h5>

<h6>h6の見出し</h6>

h1の見出し

h2の見出し

h3の見出し

h4の見出し

h5の見出し

h6の見出し

段落を作ります

段落がありません
段落がありません
段落がありません
<p>段落を作っています</p>
<p>段落を作っています</p>
<p>段落を作っています</p>

段落がありません
段落がありません
段落がありません

段落を作っています

箇条書きを作ります

<ul>
  <li>箇条書きを作ります</li>
  <li>箇条書きを作ります</li>
  <li>箇条書きを作ります</li>
</ul>

箇条書きを作ります
箇条書きを作ります
箇条書きを作ります

リンクを作ります

<a href="http://simpleone.hatenadiary.jp/>シンプルライフをゆる〜く目指す</a>

シンプルライフをゆる〜く目指す

テキスト文字を強調する

<p><b>太字</b>表示する</p>
<p><strong>重要な表示の場合</strong></p>
<p><i>斜体（イタリック）で表示する</i></p>
<p><u>下線を引く</u></p>
<p><em>強調して表示する</em></p>
<p><mark>蛍光ペンのように表示する</mark></p>

太字表示する

重要な表示の場合

斜体（イタリック）で表示する

下線を引く　　※リンクと区別がつきにくいので、あまり使用することはないようです。

強調して表示する

蛍光ペンのように表示する

HTMLのおまじない

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="description" "content=ページの概要を書きます">
<title>タイトルを書きます</title>
</head>
<body>
ここに本文を書きます
</body>
</html>