HTMLの雛形を解説
前回はVSCodeを設定したので、今回からはVSCode上で、HTMLの勉強を進めていこうと思います。
HTML第４話 VSCode入力補完Emmetの使い方【超初心者用】
VSCodeで【！】を入力し、Tabキーを押すと、HTMLの雛形が自動で入力（自動補完）されます。
入力されているHTMLは、インデントと色分けがされて、とても見やすいですね。
このVSCodeの初期状態の雛形を例とし、解説をしていきたいと思います。
文字色について
<html lang=“en”>～</html>を例とし解説していきます。
- 青文字：タグ
- 水色文字：属性
- 橙文字：属性値
- 開始タグ～終了タグ：要素
タグの種類
- ＜!DOCTYPE＞：ここからHTMLが始まりますの宣言。HTMLタグの前に記入。
- ＜html＞：HTML文書の入る場所。
- ＜head＞：ユーザーに見えない文書の情報。
- ＜body＞：ユーザーに見える文書の情報
- ＜meta＞：メタ情報
- ＜title＞：webサイトのタイトル
コメント