<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5f6e7806-7a2c-47fb-867b-54742c37b10e/透明画像10001000.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5f6e7806-7a2c-47fb-867b-54742c37b10e/透明画像10001000.png" width="40px" /> ファストス

</aside>

Index

HTMLを書いてみよう

HTMLファイルを作成する

VScodeを開き、何もないところで cmd + N (Macの場合) or ctrl + N (Windowsの場合)を入力する。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/125d2ec7-8606-4e26-8920-5685cb74a1d4/_2021-06-12_14.36.34.png

新しい無名のファイルが作成されるので、cmd + S (Macの場合) or ctrl + S (Windowsの場合)を押して、そのファイルを一旦保存する。

の部分を に書き換えて保存。

Untitled-1 の部分をtest.html に書き換えて保存。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/18378628-6ce6-49f6-834d-434b7af8ad96/_2021-06-12_14.53.08.png

作成したtest.html ファイルに以下のHTMLを書いて見ましょう。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>HTMLを書いてWEBページを作る</title>
  </head>
  <body>
    <h1>HTMLの書き方</h1>
    <p>HTMLを初めて書いてみました</p>
  </body>
</html>

<!DOCTYPE html>

<!DOCTYPE html>

文頭にある<!DOCTYPE html>は、文章がHTMLであることを示しています。