Webデザイン勉強 #1

Webデザイン勉強 #1

使用ソフト→Visual Studio Code

ドットインストール

• Visual Studio Code入門完了（13レッスン）
  見やすい設定
• はじめてのHTML（14レッスン）
  画像の付け方やリンクの飛び方
  基本的な構造

MDN:言語の使用をまとめたサイト

開発者向けのウェブ技術 | MDN

含めていい属性などが分かる

覚えておきたいショートカット

・コメントする,コメントに切り替えるーCtrl + /

・行の移動ーAlt + 上下

・行の複製ーShift + Alt + 上下

・次の行を挿入ーCtrl + Enter

・前の行を挿入ーShift + Ctrl + Enter

・マルチカーソルーAlt + Click

・同じ単語を選択ーCtrl + D

・同じ単語を一気に選択ーCtrl + Shift + L

・字下げ戻しーShift + Tab

調べること

・Emmet記法

ー！[htmlのテンプレ]

ーul>li*3 [ulの直下にlistを3つ作る]

・favicon作り方

・metaタグ description

・link rel href

・aタグ

・target属性　別タブで開ける

・mdnサイト

忘れたポイント

・フォルダの設定の仕方

・コメント切り替え