「HTML」の節を改訂

chvmvd · chvmvd · commit 7d07b323a625 · 2025-09-12T23:45:36.000+09:00
diff --git a/docs/1-trial-session/02-html/index.mdx b/docs/1-trial-session/02-html/index.mdx
@@ -7,23 +7,27 @@ import openInBrowserVideo from "./open-in-browser.mp4";
 import showFileExtensionsVideo from "./show-file-extensions.mp4";
 import reloadBrowserVideo from "./reload-browser.mp4";
 
-Web開発に必ず用いられる言語があります。<Term>**HTML**</Term>とCSS、そしてJavaScriptです。これらは互いに異なる役割をもっています。まずは最も基本となる<Term>HTML</Term>から学んでいきましょう。
+世の中には、数多くのウェブサイトが存在しています。これらはどのようにして作られているのでしょうか。実は、**HTML**とCSS、そしてJavaScriptの3つの言語を用いることで作ることができます。これらは互いに異なる役割をもっています。
 
-![Web開発で用いられる言語](./web-development-languages.drawio.svg)
+![](./web-development-languages.drawio.svg)
 
-## <Term>HTML</Term>を書き始める
+HTMLは、ウェブサイトの構造を表すことができます。CSSは、色や配置などウェブサイトの見た目を変えることができます。JavaScriptは、ウェブサイトに動きを与えることができます。
 
-VS Codeの画面左端には、ファイル一覧が表示されています。新しいファイルを作成して、`index.html`と名付けましょう。ファイルの中身を次のようにした後、保存します。保存にはショートカットキー (<kbd>command</kbd> + <kbd>S</kbd> (macOS) / <kbd>Ctrl</kbd> + <kbd>S</kbd> (Windows) ) を用いてください。
+まずは最も基本となる<Term>HTML</Term>から学んでいきましょう。
+
+## はじめてのHTML
+
+VS Codeの画面左端には、ファイル一覧が表示されています。新しいファイルを作成して、`index.html`と名付けましょう。ファイルの中身を次のようにした後、保存します。保存にはショートカットキー（<kbd>Ctrl+S</kbd>（macOSでは<kbd>Command+S</kbd>））を用いてください。
 
 ```html title="index.html"
 <!doctype html>
 <html lang="ja">
   <head>
     <meta charset="utf-8" />
-    <title>Title</title>
+    <title>タイトル</title>
   </head>
   <body>
-    Hello <strong>World</strong>!
+    Hello HTML!
   </body>
 </html>
 ```
