HTML HTML「画像を表示しよう」
今のWebページには画像はつきものです。
そのため、HTMLを使用して画像を表示させる方法を学びましょう。
画像には<img>タグを使用することになります。src属性の画像のパスとalt属性の代替テキストも忘れないようにしましょう。
ロードマップ
HTML 
HTML HTML「文章を入れよう」
世の中のWebページのほとんどに文章はあります。
そのため、まずはHTMLを使用してページに文章を入れる方法を学びましょう。
実際、ただ文章を表示するだけなら使えるタグはいろいろありますが、他の人が見てもわかりやすいコードがいいコードなのであまり乱雑に使用せずこれと決めたタグを使用しましょう。
HTML HTML「ロードマップ Step：01[基本]」
HTMLのロードマップStep:01はHTMLでの基本です。
基本では、htmlファイルの作り方や表示の仕方などあまり中身を考えなくてもいいような内容になっています。
まずはここから学びましょう。
HTML HTML「コメント」
今回は、コメントに紹介です。
コメントはページに表示はされないですが、コードにちゃんと存在しています。
複数人で作るときなどには書いて方が、読みやすいコードにもなるので使いながら慣れていきましょう。
HTML HTML「jsファイルを読み込もう」
HTMLだけではただの文のページしか作れません。
そんなページに「ボタンを押したときにメッセージを表示する」「フォームの内容を他で使用する」などの動きをつけるためにはjsファイルを読み込む必要があります。
ほぼ使うことがあるタグですので何度も使いながら慣れていきましょう。
HTML HTML「cssファイルを読み込もう」
HTMLだけではただの文のページしか作れません。
そんな文に「色をつける」「位置を変える」などにの見た目の変化をつけるためにはcssファイルを読み込む必要があります。
ほぼ使うことがあるタグですので何度も使いながら慣れていきましょう。
HTML HTML「属性」
HTMLでは<p>タグや<img>タグなどを何回も使うことがあります。
しかし同じタグ名でも違いを作りたいです。そんなときなどに使用するのが属性です。
属性をつけることで、各タグにいろいろな情報を付け足すことができます。属性はHTMLでは必ず使用するものです。使いながら慣れていきましょう。
HTML HTML「タグのネスト」
HTMLはほとんどがタグで書きます。
タグとはその中内容に意味を持たせるものですが、複数の意味を持たせたいことがあります。
そんなときに使用する書き方がタグのネストです。タグの中に別のタグを書くことでネストできます。
HTML HTML「ページに表示されるタグ」
HTMLは<head>と<body>にわかれ、<body>には見える情報を入れます。
その<body>タグの中に使用する中でよく使われるタグを紹介します。
実際にはもっとたくさんのタグがあり、いろいろ使って慣れてきましょう。
HTML HTML「常に使うタグ」
htmlファイルで常に使用するタグの紹介です。
htmlファイルは入力した内容がそのままWebページとして表示されますが、実際にはそれだけで作られていません。
タイトルや文字コードなど必要な情報を忘れないように最初に入力しておきましょう。