【HTML基礎編】書き方&作り方を知ってコーディングしてみよう

補足

HTMLを書くときはテキストエディターが必要です
Wordやメモ帳では書きづらいのでコーディング専用のエディターをオススメします
オススメのエディターはVisual Studio Codeです

タグの書き方

ルール

HTMLタグの基本的な書き方ルールは以下の3つです。

  • 半角英数字で書く
  • 小文字のみ使う
  • タグ名は正しく書く

書き方

山カッコで囲む

HTMLのタグは山カッコで囲む決まりです。

開始タグと閉じタグで囲む

HTMLは開始タグと閉じタグで囲んだ部分が

実際にタグを書いてみる

ではさっそくいくつかのタグを書いてみましょう!

段落を書いてみる

ページの作り方

ではさっそく実践的なHTMLを書いてみましょう!

ルール

  • 全体は入れ子構造の階層になる
  • 開始タグと閉じタグで囲むことで階層とグループを作る

作成ステップ

以下のステップでHTMLページを作ることをオススメします。

  1. HTMLファイルを作るファイル名はindex.htmlが推奨
  2. HTMLコードを書いてページを作るHTMLページに必須のタグを先に書く
    ざっくり構造タグを配置する
    ページに必要なタグを配置していく
  3. ブラウザで表示する

HTMLファイルを作る

HTMLコードを書いてページを作る

ブラウザで表示する

よくある質問

コードの色や見え方が見本の動画と違う

ブラウザでHTMLが表示されない