From 7d07b323a625bdc208c16fa9a282c31050b68f07 Mon Sep 17 00:00:00 2001 From: WATAHIKI YUTO Date: Fri, 12 Sep 2025 23:45:36 +0900 Subject: [PATCH] =?UTF-8?q?=E3=80=8CHTML=E3=80=8D=E3=81=AE=E7=AF=80?= =?UTF-8?q?=E3=82=92=E6=94=B9=E8=A8=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/1-trial-session/02-html/index.mdx | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) 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! ```