Skip to content

index.mdx

Latest commit

 

History

History
211 lines (144 loc) · 9.71 KB

index.mdx

File metadata and controls

211 lines (144 loc) · 9.71 KB
title HTML

import createFileVideo from "./create-file.mp4"; import openInBrowserVideo from "./open-in-browser.mp4"; import showFileExtensionsVideo from "./show-file-extensions.mp4"; import reloadBrowserVideo from "./reload-browser.mp4";

世の中には、数多くのウェブサイトが存在しています。これらはどのようにして作られているのでしょうか。実は、HTMLとCSS、そしてJavaScriptの3つの言語を用いることで作ることができます。これらは互いに異なる役割をもっています。

HTMLは、ウェブサイトの構造を表すことができます。CSSは、色や配置などウェブサイトの見た目を変えることができます。JavaScriptは、ウェブサイトに動きを与えることができます。

まずは最も基本となるHTMLから学んでいきましょう。

はじめてのHTML

VS Codeの画面左端には、ファイル一覧が表示されています。新しいファイルを作成して、index.htmlと名付けましょう。ファイルの中身を次のようにした後、保存します。保存にはショートカットキー（Ctrl+S（macOSではCommand+S））を用いてください。

<!doctype html>
<html lang="ja">
  <head>
    <meta charset="utf-8" />
    <title>タイトル</title>
  </head>
  <body>
    Hello HTML!
  </body>
</html>