前提
HTMLやCSSを始める前にVS Codeをマスターするのが最優先
おすすめリンク
VS Code
［Ctrl］＋［Shift］＋［@］キーを押すとVS
Codeの下部のパネルにターミナルウィンドウが開く
Ctrl+Shift+Pキーを押すとコマンドパレットを開く
Ctrl+Pキーを押すとファイルを検索して開く
ショートカット集
キーボードから手を離さずにVS Codeで開発したいという気持ちを大切にしています
VS Codeについてはこちらの動画でさっと勉強するのが良いかな
Visual Studio Code入門 #01：環境設定と、VSCodeの起動方法いろいろ
Emmetめちゃ大事！これないとHTMLとCSSいまだにかけないかも(というかやりたくない)笑
以下も結構まとまってる
Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する！《VSCode実践入門》
HTMLとCSSをEmmetで書いてみる！：Visual Studio Code
VS Codeのショートカットがまとまってる！コード書く前にこっちをやる！
【Mac版】 VisualStudioCode キーボードショートカット
拡張機能大事！これないと無理ゲー!
VSCodeのオススメ拡張機能 24 選 (とTipsをいくつか)
デバッグできるようにならないとどこでNGかわからん(これはRubyとかJSのためだけど)。
Rails用で場違いですが。。VS Codeの使用方法として。。
Visual Studio CodeによるRubyのデバッグ
VS Codeの操作方法が一通りまとまってる
VSCode初心者のための、絶対覚えておきたい便利機能まとめ
インデントについて
Visual Studio Codeのインデントサイズが望みのものにならない時に見るべき箇所
HTML
このサイトみて主要なものをひたすらググってVS Codeで試す！
idとclassの違い
idとnameの違い
input typeタグで、idとnameは同じ名前にしなければいけないの？
CSS
MarginとかPaddingとかの理解
これはChromeで検証ツールで試行錯誤するしかない！
見れば一髪！
CSSのwidthとheighの関係性がとても分かりやすかった。
CSSのwidth（幅）とheight（高さ）の指定方法をマスターしよう
CSSのdhisplayの概念がとても分かりやすくまとまっていた。
【CSS】displayの使い方を総まとめ！inlineやblockの違いは？
画面分割の方法
CSS入門：「display: table」を使って要素を横に並べる方法
おわりに
自分で書きたくないのでメモとしてリンクを貼った。良いサイトがあれば追記していこうと思う。