HTMLでHello Worldを実行する方法

1. はじめに

HTMLはWebページを作成するための基本的なマークアップ言語です。この記事では、簡単な「Hello World」を表示するHTMLファイルの作成方法を紹介します。

2. HTMLファイルの作成

まず、テキストエディタ（VS Code、Sublime Text、メモ帳など）を開き、新しいファイルを作成します。このファイルの拡張子は.htmlとします。

HTMLの基本構造

以下のコードをindex.htmlという名前のファイルに保存してください。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello World</title>
</head>
<body>
    <h1>Hello World</h1>
</body>
</html>

3. HTMLファイルを開く

作成したindex.htmlファイルをブラウザ（Google Chrome、Firefox、Edgeなど）で開きます。以下の手順で開くことができます。

index.htmlを保存したフォルダを開く。
ファイルを右クリックし、「開く」→「Google Chrome（または他のブラウザ）」を選択。

ブラウザに「Hello World」と表示されれば成功です。

4. まとめ

この記事では、基本的なHTML構造を使用して「Hello World」を表示する方法を紹介しました。HTMLの基本を学び、CSSやJavaScriptを組み合わせることで、より高度なWebページを作成できます。

次のステップとして、以下の技術を学ぶと良いでしょう。 - CSSを使ってデザインを変更する - JavaScriptを使ってインタラクティブな機能を追加する

HTMLの詳細な学習には、MDN Web Docsを参考にしてください。

TechCraft – エンジニアのためのスキルアップメモ

エンジニアのスキルアップを少しでも加速する技術ブログ

HTMLでHello World