次によく再生されている動画

【最新！HTML基礎】HTMLの書いておいた方が良いことなど、コーディングの基本を覚えましょう！

お気に入り登録する

  • マンツーマンの個別講義開催中！

    勉強に行き詰まっていませんか？
    エラーの解消から、実装方法まで丁寧に教えます！
    講師が答えられるなら、基本的にどんな内容でもOK！

    詳細はこちら！

  • スクール形式の講義も！

    プロを目指す方・講義を何回も受けられる方はこちら
    個別のカリキュラムを作成し、長期的にサポート！

    詳細はこちら！
追記
※以下の記述はEmmetがアップデートされた為、現在では「! + Tabキー」では挿入されません。
＜meta http-equiv="X-UA-Compatible" content="ie=edge"＞

この動画ではHTML (HyperText Markup Language、ハイパーテキスト マークアップ ランゲージ) の基本的な書き方とその概念を学びます。HTMLはウェブページを作るための言語で、文書に情報を付加したり、後でCSSやJavaScriptで操作するための基盤となるものです。

1. 環境設定: 最初に、Visual Studio Code (ビジュアル スタジオ コード) というエディタを使用します。まず、webという名前のフォルダを作成し、このエディタで開くことから始めます。

2. HTMLの構造: HTMLはタグで構成されています。タグは主に2種類あり、単独で完結するものと、範囲を指定して使用するものです。

3. 基本のタグ:
＜!DOCTYPE html＞: このドキュメントはHTMLであることを宣言しています。
＜html＞: HTML文書の始まりを示すタグ。
＜head＞: ページの情報や設定を記述する部分。例として、メタタグ (＜meta＞) を使用してページの文字コード (charset、キャラクターセット) をUTF-8 (ユーティーエフ-8)として設定しています。これは、文字化けを防ぐための重要な設定です。

4. レスポンシブデザイン: この動画では、スマートフォンなどのデバイスに対応するためのviewport (ビューポート)の設定も触れられています。

5. 言語設定: lang 属性を使用して、ページの言語を日本語 (ja) として設定しています。

この動画は、HTMLの基本的な部分に触れているので、初心者の方にとって非常に役立つ内容となっています。特に、文字コードの設定やレスポンシブデザインに関する部分は、実際のウェブページ作成時にも非常に重要です。

補足: 文字コードは、文字をコンピュータ上で扱うための基本的な設定です。間違った文字コードを設定すると、文字化けが発生する可能性があります。