パスを理解する

※こちらの記事は、Visual Studio Codeがインストールされている事が前提で記述してあります。もしVisual Studio Codeがインストールされていない方は、こちらの記事を参考にしてください。

コードを書く環境を整える

Webサイト制作の現場で人気のVisual Studio Code(VSCode)をインストールします。またプラグインの解説を行い、日本語化のプラグインもインストールします。その後、簡単なHTMLを書いてブラウザで表示してみます。

lesson.369-op5.info

2023.11.02

以下のファイルをダウンロードして、各HTMLから画像を読み込む

手順

1. path.zipをダウンロードする。
2. practice1～practice6の各フォルダの中に入っているHTMLに、同フォルダの中の画像を、imgタグを使って読み込む。

回答例

作成したコード