diff --git a/docs/1-trial-session/02-html/index.mdx b/docs/1-trial-session/02-html/index.mdx index de23bedd..e5af3499 100644 --- 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開発に必ず用いられる言語があります。**HTML**とCSS、そしてJavaScriptです。これらは互いに異なる役割をもっています。まずは最も基本となるHTMLから学んでいきましょう。 +世の中には、数多くのウェブサイトが存在しています。これらはどのようにして作られているのでしょうか。実は、**HTML**とCSS、そしてJavaScriptの3つの言語を用いることで作ることができます。これらは互いに異なる役割をもっています。 -![Web開発で用いられる言語](./web-development-languages.drawio.svg) +![](./web-development-languages.drawio.svg) -## HTMLを書き始める +HTMLは、ウェブサイトの構造を表すことができます。CSSは、色や配置などウェブサイトの見た目を変えることができます。JavaScriptは、ウェブサイトに動きを与えることができます。 -VS Codeの画面左端には、ファイル一覧が表示されています。新しいファイルを作成して、`index.html`と名付けましょう。ファイルの中身を次のようにした後、保存します。保存にはショートカットキー (command + S (macOS) / Ctrl + S (Windows) ) を用いてください。 +まずは最も基本となるHTMLから学んでいきましょう。 + +## はじめてのHTML + +VS Codeの画面左端には、ファイル一覧が表示されています。新しいファイルを作成して、`index.html`と名付けましょう。ファイルの中身を次のようにした後、保存します。保存にはショートカットキー（Ctrl+S（macOSではCommand+S））を用いてください。 ```html title="index.html" - Title + タイトル - Hello World! + Hello HTML! ```