Visual Studio Code(VSCode)
VSCodeをダウンロードする
デスクトップにて新規フォルダ「html_lesson」を作成
VSCodeにてメニューの[Open folder…]から「html_lesson」を開く
VSCodeのサイドバーから[html_lesson]の文字の右側[New File]を選択
入力欄にファイル名[index.html]を入力してファイルを作成
→ここにコードを記述する
コードの保存→「Ctrl]+「s」保存できるとファイル名の横「●」が消える
ブラウザ(Google Chrome)で確認する
VSCodeの[index.html]の上で右クリック→[Copy path]を選択
コピーしたパスをChromeの検索タブに張り付ける
CSSファイルの作成
VSCode[html_lesson]から[New File]を選択
ファイル名を[stylesheet.css]にしてファイルを作成
[index.html]の<head>タグに以下のコードを追加
<link rel=”stylesheet” href=”stylesheet.css”>
コメントを残す