【最新！HTML基礎】HTMLの書いておいた方が良いことなど、コーディングの基本を覚えましょう！
追記
※以下の記述は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の基本的な部分に触れているので、初心者の方にとって非常に役立つ内容となっています。特に、文字コードの設定やレスポンシブデザインに関する部分は、実際のウェブページ作成時にも非常に重要です。
補足: 文字コードは、文字をコンピュータ上で扱うための基本的な設定です。間違った文字コードを設定すると、文字化けが発生する可能性があります。
※以下の記述は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の基本的な部分に触れているので、初心者の方にとって非常に役立つ内容となっています。特に、文字コードの設定やレスポンシブデザインに関する部分は、実際のウェブページ作成時にも非常に重要です。
補足: 文字コードは、文字をコンピュータ上で扱うための基本的な設定です。間違った文字コードを設定すると、文字化けが発生する可能性があります。