HTML5を学ぼう!

まずはHTML!

準備が出来たら、基本となるHTMLから順番に学んでいきます。
HTMLは、Web上に文字や画像を表示するための言語です。基礎基本を学んでいけば、難しくはありません!

ただし、HTMLは100以上の種類(タグ)があり、どこから覚えていったら分からないという話も聞きます。
まずは基本となる以下のタグから覚えていきましょう!

HTML自体のタグ。基本的にはこの中にHTMLを書いていきます。

<html>~</html>

ページの情報や設定などをこの中に書いていきます。

<head>~</head>

ページのタイトルを書くタグ。Googleで検索した時に出てくるタイトルになるところになります

<title>~</title>

ブラウザに表示する部分。実際にサイトに出てくる部分です。

<body>~</body>

各見出しを表すタグ。1-6まであります。ただし、h1はページで一番伝えたい部分を囲みます。基本的にページ内に一つしか存在してはいけません。注意しましょう。

<h1>~</h1> <h2>~</h2> ...

段落を示すタグ。主に文章が書いてあるところを囲んであげます。

<p>~</p>

改行するためのタグ。改行したい所に書きましょう。

<br>

意味は持ちませんが、一つのブロック(かたまり)として定義したい時に使うタグです。ブロック要素です。

<div>~</div>

divと同じで意味を持たないが、改行させたくない場合に使います。インライン要素です。

<span>~</span>

写真など、画像を表示するためのタグです。

<img src="img/sample.jpg" alt="サンプル画像">

リンクをさせる為のタグです。リンクさせたい部分を以下のタグで囲みます。画像などもリンクさせることが出来ます。

<a href="sample.html">リンクさせたい文字など</a>

具体的な書き方を学ぼう!

HTMLのタグがなんとなく理解できたら、次は実際にどんなコードを書いていけばいいのか?
をみていきます。

トップへ戻る