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